Статьи

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

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

В этом руководстве показано, как использовать WebMatrix для разработки и развертывания приложения Node.js на веб-сайте Windows Azure. WebMatrix — это бесплатный инструмент веб-разработки от Microsoft, который включает в себя все необходимое для разработки веб-сайтов. WebMatrix включает несколько функций, облегчающих использование Node.js, включая завершение кода, предварительно созданные шаблоны и поддержку редактора для Jade, LESS и CoffeeScript. Узнайте больше о WebMatrix для Windows Azure .

После завершения этого руководства у вас будет веб-сайт Node.js, работающий в Windows Azure.

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

Веб-узел узла Windows Azure

Запись

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

 

Создать веб-сайт Windows Azure

Выполните следующие действия для создания веб-сайта Windows Azure.

Запись

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

 

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

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

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

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

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

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

Импортируйте веб-сайт в WebMatrix и примените шаблон Express

  1. На панели инструментов щелкните значок WebMatrix в нижней части страницы, чтобы открыть веб-сайт в WebMatrix 2.

    Запустить WebMatrix

  2. Если WebMatrix 2 не установлен, установщик Web Platform 4.0 установит Microsoft WebMatrix 2 и все необходимые предварительные условия. WebMatrix запустится и отобразит диалоговое окно, указывающее, что пустой сайт обнаружен . Нажмите Да, установить из Галереи шаблонов, чтобы выбрать встроенный шаблон.

    обнаружен пустой сайт

  3. В диалоговом окне « Сайт из шаблона » выберите « Узел», а затем выберите « Экспресс-сайт» . Наконец, нажмите Далее . Если у вас отсутствуют какие-либо предварительные условия для шаблона Express Site , вам будет предложено установить их.

    выберите экспресс-шаблон

  4. После того как WebMatrix закончит создание веб-сайта, отобразится IDE WebMatrix.

    webmatrix ide

Опубликуйте свое приложение в Windows Azure

  1. В WebMatrix нажмите « Опубликовать» на ленте « Главная», чтобы открыть диалоговое окно « Предварительный просмотр публикации » для веб-сайта.

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

  2. Нажмите Продолжить . Когда публикация завершена, URL-адрес веб-сайта в Windows Azure отображается в нижней части IDE WebMatrix.

    опубликовать полный

  3. Нажмите на ссылку, чтобы открыть веб-сайт в вашем браузере.

    Экспресс сайт

Изменить и повторно опубликовать ваше приложение

Вы можете легко изменить и повторно опубликовать ваше приложение. Здесь вы внесете простое изменение в заголовок в файле index.jade и повторно опубликуете приложение.

  1. В WebMatrix, выберите файлы , а затем расходуют взгляды папку. Откройте файл index.jade , дважды щелкнув по нему.

    просмотр webmatrix index.jade

  2. Измените вторую строку следующим образом:

    p Welcome to #{title} with WebMatrix on Windows Azure!
  3. Сохраните ваши изменения, а затем щелкните значок публикации. Наконец, нажмите « Продолжить» в диалоговом окне « Предварительный просмотр публикации » и дождитесь публикации обновления.

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

  4. Когда публикация завершена, используйте ссылку, возвращенную после завершения процесса публикации, чтобы увидеть обновленный сайт.

    Веб-узел узла Windows Azure