Статьи

Создание и развертывание веб-сайта Node.js в Windows Azure

Октябрь 17, 2018

Примечание куратора: этот учебник изначально появился на WindowsAzure.com .

В этом руководстве показано, как создать приложение Node и развернуть его на веб-сайте Windows Azure с помощью Git . Инструкции, приведенные в этом руководстве, можно выполнять в любой операционной системе, которая может работать с Node.

Снимок экрана заполненного заявления ниже:

Браузер, отображающий сообщение «Hello World».

Создайте веб-сайт Windows Azure и включите публикацию Git

Выполните следующие действия, чтобы создать веб-сайт Windows Azure, а затем включите публикацию Git для веб-сайта.

Запись

Чтобы выполнить это руководство, вам нужна учетная запись Windows Azure с включенной функцией веб-сайтов Windows Azure.

  1. Войдите на портал управления Windows Azure .

  2. Нажмите значок + NEW в левом нижнем углу портала

    Портал Windows Azure с выделенной ссылкой + NEW.

  3. Нажмите ВЕБ-САЙТ , затем БЫСТРЫЙ СОЗДАТЬ . Введите значение для URL и выберите центр данных для своего веб-сайта в раскрывающемся списке РЕГИОН . Нажмите на галочку внизу диалогового окна.

    Диалог быстрого создания

  4. Когда статус веб-сайта изменится на « Работает» , нажмите на имя веб-сайта, чтобы получить доступ к панели инструментов.

    Открыть панель инструментов сайта

  5. В правом нижнем углу панели инструментов выберите « Настройка публикации Git» .

    Настройка публикации Git

  6. Чтобы включить публикацию Git, вы должны указать имя пользователя и пароль. Если вы ранее включили публикацию для веб-сайта Windows Azure, вам не будет предложено ввести имя пользователя или пароль. Вместо этого будет создан Git-репозиторий с использованием ранее указанных вами имени пользователя и пароля. Запишите имя пользователя и пароль, так как они будут использоваться для публикации Git на всех создаваемых веб-сайтах Windows Azure.

    Диалоговое окно с запросом имени пользователя и пароля.

  7. Когда репозиторий Git будет готов, вам будут представлены инструкции по использованию команд Git для настройки локального репозитория, а затем пересылки файлов в Windows Azure.

    Инструкции по развертыванию Git возвращаются после создания репозитория для сайта.

Создайте и протестируйте свое приложение локально

В этом разделе вы создадите файл server.js, содержащий пример «hello world» из nodejs.org . Этот пример был изменен по сравнению с исходным, добавив process.env.port в качестве порта для прослушивания при запуске на веб-сайте Windows Azure.

  1. С помощью текстового редактора создайте новый файл с именем server.js в каталоге helloworld . Если каталог helloworld не существует, создайте его.

  2. Добавьте следующее как содержимое файла server.js , а затем сохраните его:

var http = require('http')
var port = process.env.port || 1337;
http.createServer(function(req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello World\n');
}).listen(port);

3. Откройте командную строку и используйте следующую команду для локального запуска веб-страницы:

node server.js

4. Откройте веб-браузер и перейдите по адресу http: // localhost: 1337. Веб-страница с надписью «Hello World» будет выглядеть, как показано на скриншоте ниже:

Браузер, отображающий сообщение «Hello World».

Опубликуйте свою заявку

1. Из командной строки измените каталоги на каталог helloworld и введите следующие команды, чтобы инициализировать локальный репозиторий Git.

git init

2. Используйте следующие команды для добавления файлов в хранилище:

git add .
git commit -m "initial commit"

3. Добавьте Git remote для отправки обновлений на ранее созданный веб-сайт Windows Azure с помощью следующей команды:

git remote add azure [URL for remote repository]

4. Вставьте изменения в Windows Azure с помощью следующей команды:

git push azure master

  1. Вам будет предложено ввести пароль, который вы создали ранее, и увидите следующий вывод:

    Вывод командной строки Git

    Если вы перейдете на вкладку развертываний своего веб-сайта Windows Azure на портале управления, вы увидите свое первое развертывание в истории развертываний:

    Состояние развертывания Git на портале

  2. Перейдите на свой сайт с помощью кнопки « Обзор» на странице веб-сайта Windows Azure в портале управления.

Опубликуйте изменения в вашем приложении

  1. Откройте файл server.js в текстовом редакторе и измените «Hello World \ n» на «Hello Azure \ n». Сохраните файл.

  2. Из командной строки перейдите в каталог helloworld и выполните следующие команды:

git add .
git commit -m "changing to hello azure"
git push azure master

  1. Вам будет предложено ввести пароль, который вы создали ранее. Если вы перейдете на вкладку развертываний своего веб-сайта Windows Azure на портале управления, вы увидите обновленную историю развертывания:

    Обновлен статус развертывания Git на портале

  2. Перейдите на свой сайт с помощью кнопки « Обзор» и обратите внимание, что обновления были применены.

    Веб-страница с отображением «Hello Azure»

  3. Вы можете вернуться к предыдущему развертывания, выбрав его на вкладке «развертываний» вашего Windows Azure веб — сайта в рамках портала управления и использования передислоцировать кнопку.

Следующие шаги

В то время как шаги, описанные в этой статье, используют портал Windows Azure для создания веб-сайта, вы также можете использовать инструменты командной строки Windows Azure для Mac и Linux для выполнения тех же операций.

 

40
Share: