Публикация на Azure¶
В этой статье мы покажем вам, как развернуть веб приложение из Visual Studio на Azure.
Примечание
Чтобы следовать данному руководству, вам потребуется аккаунт Microsoft Azure. Если у вас нет аккаунта, вы можете использовать преимущества MSDN подписки или подписаться на бесплатную версию.
В этой статье:
Начальные реквизиты¶
У вас должно быть следующее:
- ASP.NET Core (runtime and tooling)
- Git for Windows
Создание ASP.NET Core веб приложения¶
Запустите Visual Studio.
В меню File выберите New > Project.
Шаблоном будет ASP.NET Web Application. Он находится под Installed > Templates > Visual C# > Web. Назовите проект
SampleWebAppDemo
. Выберите опцию Add to source control и нажмите OK.В диалоговом окне New ASP.NET Project выберите ASP.NET Core Empty, затем нажмите OK.
В диалоговом окне Choose Source Control выберите Git в качестве системы управления версиями.
Запуск приложения локально¶
После создания приложения запустите его, выбрав Debug -> Start Debugging. Также вы можете просто нажать F5.
После этого в браузере через некоторое время будет отображено приложение.
Далее закройте браузер и нажмите иконку “Stop Debugging”, чтобы остановить приложение.
Создание проекта на Azure¶
Теперь мы создадим проект на Azure.
Залогиньтесь на Azure.
Нажмите вверху слева NEW.
Нажмите Web + Mobile > Web App.
В Web App введите уникальное значение для App Service Name.
Примечание
Имя App Service Name должно быть уникальным. После введения другого значения вам понадобится присвоить его всем элементам SampleWebAppDemo, которые используются в данной статье.
Также в Web App выберите существующий App Service Plan/Location или создайте новый. Если вы создаете новый план, пройдитесь по всем опциям. См. Обзор планов Azure.
Нажмите Create. Azure запустит ваше приложение.

Публикация в Git¶
Git - это система контроля версий, которую можно использовать при публикации приложения на Azure. Создаваемый код хранится в локальном Git репозитории, а при публикации на Azure используется удаленный репозиторий.
Залогиньтесь на Azure, если вы еще не там.
Нажмите Browse внизу навигационной панели.
Нажмите Web Apps, чтобы просмотреть список веб приложений, связанных с вашей подпиской на Azure.
Выберите нужное приложение.
Если не показан раздел Settings , выберите Settings в Web App.
В разделе Settings выберите Deployment source > Choose Source > Local Git Repository.
Нажмите OK.
Если вы еще не установили данные для публикации, сделайте это сейчас:
- Нажмите Settings > Deployment credentials. Будет отображена вкладка Set deployment credentials.
- Введите имя пользователя и пароль. Нам понадобится этот пароль при настройке Git.
- Нажмите Save.
Вр вкладке Web App нажмите Settings > Properties. URL удаленного Git репозитория показан под GIT URL.
Скопируйте значение GIT URL.
Публикация приложения на Azure¶
В этом разделе мы создадим локальный Git репозиторий с помощью Visual Studio, а затем из этого репозитория отправим приложение на Azure. Нам нужно сделать следующее:
- Добавить удаленный репозиторий, используя значение GIT URL, чтобы мы могли разворачивать локальный репозиторий на Azure.
- Закоммитить изменения в проекте.
- Отправить эти изменения из локального репозитория на удаленный в Azure.
В Solution Explorer кликните правой клавишей мышки по Solution ‘SampleWebAppDemo’ и выберите Commit. Отобразится Team Explorer.
В Team Explorer выберите Home > Settings > Repository Settings.
В разделе Remotes в Repository Settings выберите Add. Отобразится диалоговое окно Add Remote.
Установите Name на Azure-SampleApp.
Установите значение Fetch на Git URL, который вы ранее скопировали. Этот URL заканчивается на .git.
Примечание
Кроме того, вы можете указать удаленный репозиторий из Command Window, открыв Command Window, сделать изменение на директорию проекта и ввести команду. Например:
git remote add Azure-SampleApp https://me@sampleapp.scm.azurewebsites.net:443/SampleApp.git
Выберите Home > Settings > Global Settings. Здесь должно быть указано имя и имейл. Вам, возможно, понадобиться нажать Update.
Выберите Home > Changes, чтобы вернуться в Changes.
Введите сообщение коммита, например, Initial Push #1 и нажмите Commit. Создастся локальный коммит. Далее, нам нужно синхронизироваться с Azure.
Примечание
Кроме того, вы можете внести изменения из Command Window, введя следующие команды:
git add .
git commit -am "Initial Push #1"
Выберите Home > Sync > Actions > Open Command Prompt. В командной строке будет отображена директория проекта.
Введите следующую команду:
git push -u Azure-SampleApp master
Введите пароль для deployment credentials.
Примечание
При вводе пароля он будет невидимым.
Эта команда начнет публикацию локального проекта на Azure. В результате вы должны видеть следующее сообщение:
Примечание
Если вы работаете над проектом с кем-то еще, то сперва вам стоит отправить информацию на GitHub, прежде чем публиковаться на Azure.
Запуск приложения на Azure¶
После публикации приложения на Azure, вы можете его запустить.
Это можно сделать двумя способами:
На Azure выберите приложение и нажмите Browse, чтобы просмотреть данное приложение в браузере по умолчанию.
Откройте браузер и введите URL приложения. Например:
http://SampleWebAppDemo.azurewebsites.net
Обновление и публикация приложения заново¶
После внесения изменений в локальный код вы можете опубликовать приложение заново.
- В Solution Explorer Visual Studio откройте файл Startup.cs.
- В методе
Configure
изменитеResponse.WriteAsync
, чтобы он выглядел следующим образом:
await context.Response.WriteAsync("Hello World! Deploy to Azure.");
- Сохраните изменения в Startup.cs.
- В Solution Explorer кликните правой клавишей мышки по Solution ‘SampleWebAppDemo’ и выберите Commit. Отобразится Team Explorer.
- Введите сообщение коммита, например:
Update #2
Нажмите кнопку Commit, чтобы закоммитить изменения.
Выберите Home > Sync > Actions > Push.
Примечание
Также вы можете внести изменения из Command Window:
git push -u Azure-SampleApp master
Просмотр обновленного приложения в Azure¶
Вы можете просмотреть обновленное приложение, если выберите Browse в Azure, открыв браузер и введя соответствующий URL. Например:
http://SampleWebAppDemo.azurewebsites.net