- PVSM.RU - https://www.pvsm.ru -

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code

Представляем вам последнюю статью из цикла по разработке на ASP.NET Core [1]. В данной статье вы узнаете как можно написать свое первое приложение ASP.NET Core на Mac.

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 1

Цикл статей по ASP.NET Core

1. ASP.NET Core на Nano Server [2].
2. Создание внешнего интерфейса веб-службы для приложения [3].
3. Создание первого веб-API с использованием ASP.NET Core MVC и Visual Studio [4].
4. Развертывание веб-приложения в службе приложений Azure с помощью Visual Studio [5].
5. Ваше первое приложение на Mac c использованием Visual Studio Code [6].

Подготовка среды разработки и формирование шаблонов приложений с помощью Yeoman

Для начала вам необходимо загрузить и установить .NET Core [7] и Visual Studio Code [8] с расширением C# [9].

Проект ASP.NET Core, необходимо создать по этой [10] инструкции.

Разработка приложений ASP.NET Core на Mac с помощью Visual Studio Code

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

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 2

Выберите пункт File → Open и перейдите к пустому приложению ASP.NET Core.

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 3

В Терминале или оболочке bash выполните команду dotnet restore, чтобы восстановить зависимости проекта. Другой способ — выполнить команду command shift p в Visual Studio Code и затем ввести dot, как показано ниже:

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 4

Можно выполнять команды прямо в Visual Studio Code, в том числе dotnet restore и использовать другие инструменты, указанные в файле project.json, а также выполнять задачи, указанные в файле .vscode/tasks.json.

Этот пустой шаблон проекта просто отображает «Hello World!». Откройте Startup.cs в Visual Studio Code, чтобы посмотреть, как он сконфигурирован:

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 5
Для тех, кто только приступает к использованию Visual Studio Code (или Code, для краткости), следует заметить, что данный продукт не только имеет удобный, простой и отзывчивый интерфейс, обеспечивающий быструю работу с файлами, но он также предоставляет инструменты для наиболее эффективного написания кода.

В левой панели навигации находятся четыре значка, представляющие четыре viewlet:

  • Explore
  • Search
  • Git
  • Debug
  • Extensions

Explore viewlet позволяет быстро перемещаться по системе каталогов, а также облегчает обзор файлов, с которыми вы работаете. При наличии несохраненных изменений в файлах специальный значок на экране будет уведомлять об этом; упрощается процесс создания новых файлов и папок (для этого не надо открывать новое окно). Также удобно пользоваться командой Save All (Сохранить все), доступной в меню, которое появляется при наведении курсора мыши.

Code интегрируется с Git, если он установлен на вашем компьютере. При помощи Git viewlet можно создавать новые репозитории, подтверждать изменение кода, отправлять изменения.

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 6

Debug viewlet поддерживает интерактивную отладку приложений.

Кроме того, в редакторе Code есть множество замечательных функций. Вы увидите, что неиспользованные операторы using будут подчеркнуты и могут быть удалены автоматически при помощи command ., если значок лампочки отображается на экране. Также можно видеть, сколько ссылок на классы и методы есть в проекте. Если вы переходить с Visual Studio, то вы можете использовать многие знакомые сочетания клавиш, например, command k c, чтобы закомментировать блок кода или command k u, чтобы раскомментировать его.

Локальный запуск при помощи Kestrel

В данном примере мы используем Kestrel [11] в качестве веб-сервера. Его конфигурация хранится в файле project.json, в котором он указан как зависимость.

{
  "dependencies": {
    "Microsoft.NETCore.App": {
      "version": "1.0.0",
      "type": "platform"
    },
    "Microsoft.AspNetCore.Diagnostics": "1.0.0",
    "Microsoft.AspNetCore.Mvc": "1.0.0",
    "Microsoft.AspNetCore.Razor.Tools": {
      "version": "1.0.0-preview2-final",
      "type": "build"
    },
    "Microsoft.AspNetCore.Server.IISIntegration": "1.0.0",
    "Microsoft.AspNetCore.Server.Kestrel": "1.0.0",
    "Microsoft.AspNetCore.StaticFiles": "1.0.0",
}
}

  • Выполните команду dotnet run, чтобы запустить приложение.
  • Введите в адресной строке localhost:5000.
  • Чтобы остановить веб-сервер, нажмите Ctrl+C.

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

После создания приложения можно использовать интеграцию с Git, встроенную в Visual Studio Code, для отправки обновлений в Microsoft Azure [12].

Инициализация Git

Инициализируйте Git в папке, в которой вы работаете. Нажмите на Git viewlet, затем нажмите на кнопку Initialize Git repository.

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 7

Добавьте сообщение подтверждения и нажмите enter, или нажмите на «галочку», чтобы подтвердить файлы.

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 8

Git отслеживает изменения, поэтому если вы обновили файл, Git viewlet отобразит файлы, которые изменены с момента последнего подтверждения.

Инициализация веб-сайта Azure

Развернуть приложение в Azure Web Apps можно при помощи Git.

  • Создайте [13] новое веб-приложение в Azure. Если у вас нет учетной записи в Azure, вы можете создать [14] бесплатную пробную учетную запись.
  • Включите [15] для веб-приложения в Azure поддержку непрерывного развертывания при помощи Git.

Запишите URL Git для веб-приложения на портале Azure:

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 9

В окне Терминала добавьте удаленный репозиторий azure с URL-адресом Git, который вы записали ранее.

git remote add azure https://ardalis-git@firstaspnetcoremac.scm.azurewebsites.net:443/firstaspnetcoremac.git

Чтобы развернуть приложение, отправьте его в репозиторий master.

git push azure master

ASP.NET Core: Ваше первое приложение на Mac c использованием Visual Studio Code - 10
Откройте в браузере только что развернутое приложение. Должна отобразиться надпись Hello World!

Автор: Microsoft

Источник [16]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/c-2/212961

Ссылки в тексте:

[1] цикла по разработке на ASP.NET Core: https://habrahabr.ru/search/?q=%5Bmsaspnetcore%5D&target_type=posts

[2] ASP.NET Core на Nano Server: https://habrahabr.ru/company/microsoft/blog/310996/

[3] Создание внешнего интерфейса веб-службы для приложения: https://habrahabr.ru/company/microsoft/blog/311940/

[4] Создание первого веб-API с использованием ASP.NET Core MVC и Visual Studio: https://habrahabr.ru/company/microsoft/blog/312878/

[5] Развертывание веб-приложения в службе приложений Azure с помощью Visual Studio: https://habrahabr.ru/company/microsoft/blog/314252/

[6] Ваше первое приложение на Mac c использованием Visual Studio Code: https://habrahabr.ru/company/microsoft/blog/315780/

[7] .NET Core: https://microsoft.com/net/core

[8] Visual Studio Code: https://code.visualstudio.com/

[9] расширением C#: https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp

[10] этой: https://docs.asp.net/en/latest/client-side/yeoman.html

[11] Kestrel: https://docs.asp.net/en/latest/fundamentals/servers.html#kestrel

[12] Microsoft Azure: http://azure.microsoft.com/

[13] Создайте: https://tryappservice.azure.com/

[14] создать: http://azure.microsoft.com/en-us/pricing/free-trial/

[15] Включите: http://azure.microsoft.com/en-us/documentation/articles/web-sites-publish-source-control/

[16] Источник: https://habrahabr.ru/post/315780/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best