Разворачивание ASP.NET Core веб приложения на Azure с помощью Visual Studio

Rick Anderson, Cesar Blum Silveira

Настройка среды разработки

  • Установите последнюю версию Azure SDK для Visual Studio 2015. SDK устанавливает Visual Studio 2015, если у вас еще нет ее.

Примечание

Установка SDK может занять более 30 минут, если на вашем компьютере нет многих зависимостей.

Создание веб приложения

На Visual Studio Start Page нажмите New Project....

../_images/new_project1.png

Кроме того, вы можете использовать меню для создания нового проекта. Нажмите File > New > Project....

../_images/alt_new_project1.png

Диалоговое окно New Project:

  • На левой панели нажмите Web
  • На центральной панели нажмите ASP.NET Core Web Application (.NET Core)
  • Нажмите OK
../_images/new_prj.png

В диалоговом окне New ASP.NET Core Web Application (.NET Core):

  • Нажмите Web Application
  • Authentication установите на Individual User Accounts
  • Снимите галочку с Host in the cloud
  • Нажмите OK
../_images/noath.png

Локальное тестирование приложения

  • Нажмите Ctrl+F5, чтобы локально запустить приложение
  • Нажмите ссылки About и Contact. В зависимости от размера устройства, возможно, вам потребуется нажать на иконку навигации, чтобы увидеть ссылки
../_images/show.png
  • Нажмите Register и зарегистрируйте нового пользователя. Вы можете использовать фиктивный имейл адрес. После отправки вы получите следующую ошибку:
../_images/mig.png

Вы можете исправить проблему двумя разными способами:

  • Нажмите Apply Migrations и после обновления страницы перезагрузите ее;

  • Запустите в командной строке в директории проекта следующее:

    dotnet ef database update
    

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

../_images/hello.png

Разворачивание приложения на Azure

В Solution Explorer кликните правой клавишей мышки по проекту и выберите Publish....

../_images/pub.png

В диалоговом окне Publish нажмите Microsoft Azure App Service.

../_images/maas1.png

Нажмите New..., чтобы создать новую ресурсную группу. Создание новой ресурсной группы упростит удаление всех Azure ресурсов, которые вы создаете в этом руководстве.

../_images/newrg1.png

Создайте новую ресурсную группу и план сервисов:

  • Нажмите New... для ресурсной группы и введите имя для этой группы
  • Нажмите New... для сервисного плана и выберите местоположение рядом с вами. Вы можете оставить имя по умолчанию
  • Нажмите Explore additional Azure services, чтобы создать новую БД
../_images/cas.png
  • Нажмите зеленую иконку +, чтобы создать новую SQL БД
../_images/sql.png
  • Нажмите New... в диалоговом окне Configure SQL Database, чтобы создать новый сервер для БД.
../_images/conf.png
  • Введите имя пользователя и пароль администратора, а затем нажмите OK. Не забудьте имя пользователя и пароль. Вы можете оставить Server Name по умолчанию
../_images/conf_servername.png

Примечание

“admin” нельзя использовать в качестве имя пользователя администратора.

  • Нажмите OK в диалоговом окне Configure SQL Database
../_images/conf_final.png
  • Нажмите Create в диалоговом окне Create App Service
../_images/create_as.png
  • Нажмите Next в диалоговом окне Publish
../_images/pubc.png
  • На этапе Settings диалогового окна Publish:
    • откройте Databases и поставьте галочку на Use this connection string at runtime
    • откройте Entity Framework Migrations и поставьте галочку на Apply this migration on publish
  • Нажмите Publish и подождите, пока Visual Studio не закончит публикацию приложения
../_images/pubs.png

Visual Studio опубликует приложение на Azure и запустит облачное приложение в вашем браузере.

Тестирование приложения на Azure

  • Протестируйте ссылки About и Contact
  • Зарегистрируйте нового пользователя
../_images/final.png

Обновление приложения

  • Отредактируйте файл представления Razor Views/Home/About.cshtml, то есть, измените его контекст. Например:
@{
    ViewData["Title"] = "About";
}
<h2>@ViewData["Title"].</h2>
<h3>@ViewData["Message"]</h3>

<p>My updated about page.</p>
  • Кликните правой клавишей по проекту и снова нажмите Publish...
../_images/pub.png
  • После публикации приложения проверьте, что внесенные изменения доступны на Azure

Завершение

После того, как вы протестировали приложение, передите на Azure и удалите приложение.

  • Выберите Resource groups, а затем нажмите на ресурсную группу, которую вы создали
../_images/portalrg.png
  • В Resource group нажмите Delete
../_images/rgd.png
  • Введите имя ресурсной группы и нажмите Delete. Ваше приложение и все другие ресурсы, что вы создали, теперь удалены с Azure
Поделись хорошей новостью с друзьями!
Следи за новостями!