ASP.NET Core: Ваше перше додаток на Mac з використанням Visual Studio Code

Представляємо вам останню статтю з циклу з розробки на ASP.NET Core. У даній статті ви дізнаєтеся як можна написати своє перше додаток ASP.NET Core на Mac.



Цикл статей по ASP.NET Core
1. ASP.NET Core на Nano Server.
2. Створення зовнішнього інтерфейсу веб-служби для програми.
3. Створення першого веб-API з використанням ASP.NET Core MVC і Visual Studio.
4. Розгортання веб-додатків в службі додатків на Microsoft Visual Studio.
5. Ваше перше додаток на Mac з використанням Visual Studio Code.

Підготовка середовища розробки і формування шаблонів додатків з допомогою Yeoman
Для початку вам необхідно завантажити та встановити .NET Core і Visual Studio Code розширенням C#.

Проект ASP.NET Core необхідно створити цієї інструкції.

Розробка додатків ASP.NET Core на Mac за допомогою Visual Studio Code
Запустіть Visual Studio Code.



Виберіть пункт File → Open і перейдіть до порожнього додатком ASP.NET Core.


У Терміналі або оболонки bash, виконайте команду
dotnet restore
, щоб відновити залежно проекту. Інший спосіб — виконати команду
command shift p
в Visual Studio Code і потім ввести
dot
, як показано нижче:



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

Цей порожній шаблон проекту просто відображає «Hello World!». Відкрийте Startup.cs в Visual Studio Code, щоб подивитися, як він налаштований:


Для тих, хто тільки приступає до використання Visual Studio Code (або Code, для стислості), слід зауважити, що даний продукт не тільки має зручний, простий і чуйний інтерфейс, що забезпечує швидку роботу з файлами, але він також надає інструменти для найбільш ефективного написання коду.

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

  • Explore
  • Search
  • Git
  • Debug
  • Extensions
Explore viewlet дозволяє швидко переміщатися по системі каталогів, а також полегшує огляд файлів, з якими ви працюєте. При наявності незбережених змін у файлах спеціальний значок на екрані буде повідомляти про це; спрощується процес створення нових файлів і папок (для цього не треба відкривати нове вікно). Також зручно користуватися командою Save All (Зберегти усі), що доступна в меню, яке з'являється при наведенні курсору миші.

Code інтегрується з Git, якщо він встановлений на вашому комп'ютері. За допомогою Git viewlet можна створювати нові репозиторії, підтверджувати зміна коду, відправляти зміни.


Debug viewlet підтримує інтерактивну налагодження додатків.

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

Локальний запуск за допомогою Kestrel
У даному прикладі ми використовуємо Kestrel в якості веб-сервера. Його конфігурація зберігається у файлі 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.

Ініціалізація Git

Ініціалізувати Git в папці, в якій ви працюєте. Натисніть на Git viewlet, потім натисніть на кнопку
Initialize Git repository
.


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


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

Ініціалізація веб-сайту Microsoft

Розгорнути додаток в Azure Web Apps можна за допомогою Git.

  • Створити новий веб-застосунок у Azure. Якщо у вас немає облікового запису Microsoft, ви можете безкоштовну обліковий запис.
  • Включите для веб-додатки в Azure підтримку безперервного розгортання за допомогою Git.
Запишіть URL Git для веб-додатки на порталі Azure:


У вікні Терміналу додайте віддалений репозиторій
microsoft
з URL-адресою Git, який ви записали раніше.

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

Щоб розгорнути додаток, відправте його у сховище master.

git push azure master


Відкрийте в браузері тільки що розгорнуте додаток. Повинна з'явитися напис
Hello World
!
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.