Публикация на Azure

Erik Reitan

В этой статье мы покажем вам, как развернуть веб приложение из Visual Studio на Azure.

Примечание

Чтобы следовать данному руководству, вам потребуется аккаунт Microsoft Azure. Если у вас нет аккаунта, вы можете использовать преимущества MSDN подписки или подписаться на бесплатную версию.

Начальные реквизиты

У вас должно быть следующее:

Создание ASP.NET Core веб приложения

  1. Запустите Visual Studio.

  2. В меню File выберите New > Project.

  3. Шаблоном будет ASP.NET Web Application. Он находится под Installed > Templates > Visual C# > Web. Назовите проект SampleWebAppDemo. Выберите опцию Add to source control и нажмите OK.

    ../_images/01-new-project.png
  4. В диалоговом окне New ASP.NET Project выберите ASP.NET Core Empty, затем нажмите OK.

    ../_images/02-web-site-template.png
  5. В диалоговом окне Choose Source Control выберите Git в качестве системы управления версиями.

    ../_images/03-source-control.png

Запуск приложения локально

  1. После создания приложения запустите его, выбрав Debug -> Start Debugging. Также вы можете просто нажать F5.

    После этого в браузере через некоторое время будет отображено приложение.

    ../_images/04-browser-runapp.png
  2. Далее закройте браузер и нажмите иконку “Stop Debugging”, чтобы остановить приложение.

Создание проекта на Azure

Теперь мы создадим проект на Azure.

  1. Залогиньтесь на Azure.

  2. Нажмите вверху слева NEW.

  3. Нажмите Web + Mobile > Web App.

    ../_images/05-azure-newwebapp.png
  4. В Web App введите уникальное значение для App Service Name.

    ../_images/06-azure-newappblade.png

    Примечание

    Имя App Service Name должно быть уникальным. После введения другого значения вам понадобится присвоить его всем элементам SampleWebAppDemo, которые используются в данной статье.

    Также в Web App выберите существующий App Service Plan/Location или создайте новый. Если вы создаете новый план, пройдитесь по всем опциям. См. Обзор планов Azure.

  5. Нажмите Create. Azure запустит ваше приложение.

../_images/07-azure-webappblade.png

Публикация в Git

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

  1. Залогиньтесь на Azure, если вы еще не там.

  2. Нажмите Browse внизу навигационной панели.

  3. Нажмите Web Apps, чтобы просмотреть список веб приложений, связанных с вашей подпиской на Azure.

  4. Выберите нужное приложение.

  5. Если не показан раздел Settings , выберите Settings в Web App.

  6. В разделе Settings выберите Deployment source > Choose Source > Local Git Repository.

    ../_images/08-azure-localrepository.png
  7. Нажмите OK.

  8. Если вы еще не установили данные для публикации, сделайте это сейчас:

    • Нажмите Settings > Deployment credentials. Будет отображена вкладка Set deployment credentials.
    • Введите имя пользователя и пароль. Нам понадобится этот пароль при настройке Git.
    • Нажмите Save.
  9. Вр вкладке Web App нажмите Settings > Properties. URL удаленного Git репозитория показан под GIT URL.

  10. Скопируйте значение GIT URL.

    ../_images/09-azure-giturl.png

Публикация приложения на Azure

В этом разделе мы создадим локальный Git репозиторий с помощью Visual Studio, а затем из этого репозитория отправим приложение на Azure. Нам нужно сделать следующее:

  • Добавить удаленный репозиторий, используя значение GIT URL, чтобы мы могли разворачивать локальный репозиторий на Azure.
  • Закоммитить изменения в проекте.
  • Отправить эти изменения из локального репозитория на удаленный в Azure.
  1. В Solution Explorer кликните правой клавишей мышки по Solution ‘SampleWebAppDemo’ и выберите Commit. Отобразится Team Explorer.

    ../_images/10-team-explorer.png
  2. В Team Explorer выберите Home > Settings > Repository Settings.

  3. В разделе Remotes в Repository Settings выберите Add. Отобразится диалоговое окно Add Remote.

  4. Установите Name на Azure-SampleApp.

  5. Установите значение Fetch на Git URL, который вы ранее скопировали. Этот URL заканчивается на .git.

    ../_images/11-add-remote.png

    Примечание

    Кроме того, вы можете указать удаленный репозиторий из Command Window, открыв Command Window, сделать изменение на директорию проекта и ввести команду. Например:

    git remote add Azure-SampleApp https://me@sampleapp.scm.azurewebsites.net:443/SampleApp.git

  6. Выберите Home > Settings > Global Settings. Здесь должно быть указано имя и имейл. Вам, возможно, понадобиться нажать Update.

  7. Выберите Home > Changes, чтобы вернуться в Changes.

  8. Введите сообщение коммита, например, Initial Push #1 и нажмите Commit. Создастся локальный коммит. Далее, нам нужно синхронизироваться с Azure.

    ../_images/12-initial-commit.png

    Примечание

    Кроме того, вы можете внести изменения из Command Window, введя следующие команды:

    git add .

    git commit -am "Initial Push #1"

  9. Выберите Home > Sync > Actions > Open Command Prompt. В командной строке будет отображена директория проекта.

  10. Введите следующую команду:

    git push -u Azure-SampleApp master

  11. Введите пароль для deployment credentials.

    Примечание

    При вводе пароля он будет невидимым.

Эта команда начнет публикацию локального проекта на Azure. В результате вы должны видеть следующее сообщение:

remote: Finished successfully.
remote: Running post deployment command(s)...
remote: Deployment successful.
* [new branch] master -> master
Branch master set up to track remote branch master from Azure-SampleApp.

Примечание

Если вы работаете над проектом с кем-то еще, то сперва вам стоит отправить информацию на GitHub, прежде чем публиковаться на Azure.

Проверка публикации

На Azure выберите свое веб приложение. Затем выберите Settings > Continuous deployment.

../_images/13-verify-deployment.png

Запуск приложения на Azure

После публикации приложения на Azure, вы можете его запустить.

Это можно сделать двумя способами:

  • На Azure выберите приложение и нажмите Browse, чтобы просмотреть данное приложение в браузере по умолчанию.

  • Откройте браузер и введите URL приложения. Например:

    http://SampleWebAppDemo.azurewebsites.net

Обновление и публикация приложения заново

После внесения изменений в локальный код вы можете опубликовать приложение заново.

  1. В Solution Explorer Visual Studio откройте файл Startup.cs.
  2. В методе Configure измените Response.WriteAsync, чтобы он выглядел следующим образом:
await context.Response.WriteAsync("Hello World! Deploy to Azure.");
  1. Сохраните изменения в Startup.cs.
  2. В Solution Explorer кликните правой клавишей мышки по Solution ‘SampleWebAppDemo’ и выберите Commit. Отобразится Team Explorer.
  3. Введите сообщение коммита, например:
Update #2
  1. Нажмите кнопку Commit, чтобы закоммитить изменения.

  2. Выберите Home > Sync > Actions > Push.

    Примечание

    Также вы можете внести изменения из Command Window:

    git push -u Azure-SampleApp master

Просмотр обновленного приложения в Azure

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

http://SampleWebAppDemo.azurewebsites.net
Поделись хорошей новостью с друзьями!
Следи за новостями!