#15: Разрабатывайте с помощью инструментов Azure!

Добро пожаловать на Неделю 3, день 1 из #30DaysOfSWA!!!

Мы только что преодолели половину пути в рамках #30DaysOfSWA! Мы рассмотрели основные понятия на первой неделе и изучили примеры использования на второй неделе. Сегодня мы начинаем третью неделю, сосредоточившись на инструментах для разработчиков! Давайте погрузимся!

Что мы рассмотрим

  • Как выглядит опыт разработчика?
  • Изучим: Azure CLI
  • Изучение: Портал Azure
  • Изучите: Инструменты Azure Core Functions
  • Упражнение: Изучите документы Azure Portal & CLI для SWA.

Опыт разработчика

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

В случае разработки приложений эти задачи часто включают в себя:

  • сборку проекта из исходного кода (после создания кодовой базы)
  • тестирование поведения проекта (для подтверждения соответствия требованиям)
  • развертывание проекта (в средах постановки или производства)
  • Отладка проекта (для устранения проблем, аудита производительности и т.д.).

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

  • Инструменты Azure Dev Tools | Какие основные инструменты для работы с Azure?
  • Playwright | Как мы можем реализовать сквозное тестирование для нашего приложения?
  • CI/CD| Как мы можем автоматизировать рабочие процессы сборки/развертывания?
  • Edge DevTools Как мы можем отлаживать и профилировать приложения в браузере?
  • SWA CLI Как упростить локальную разработку статических веб-приложений?
  • Visual Studio Code Как повысить эффективность работы с IDE?

В сегодняшнем посте мы рассмотрим основные инструменты, которые упрощают современным разработчикам веб-приложений создание статических веб-приложений на Azure:

  • Azure CLI – интерфейс командной строки для создания и управления ресурсами Azure
  • Azure Portal – унифицированная веб-консоль, альтернативная Azure CLI.
  • Azure SWA CLI – локальный инструмент разработки для статических веб-приложений Azure.
  • Azure Functions Core Tools – локальный инструмент разработки для Azure Functions.
  • Расширения Azure для Visual Studio Code для беспрепятственного доступа из IDE.

Мы расскажем о расширениях Azure SWA CLI и VS Code более подробно позже на этой неделе.


Новичок в Azure?

Мы предполагаем, что вы знакомы с такими концепциями облачных вычислений, как ресурсы, группы ресурсов, подписки и сервисы. Если нет, ничего страшного. Сейчас самое время отвлечься и изучить “Основы Azure” – серию из 6 частей, которая расскажет вам об основных концепциях, службах, решениях, функциях безопасности, идентификации & аспектах управления и функциях управления затратами, доступных в Azure.

Если вы являетесь разработчиком JavaScript или Node.js и только начинаете работать с Azure, сохраните эти ссылки:

  • Azure SDKs для интеграции служб на предпочитаемом вами языке программирования.
  • Руководства и примеры Azure для разработчиков JavaScript
  • Инструменты для разработчиков JS на Azure с советами по настройке

Azure CLI

Теперь, когда вы знакомы с основными концепциями Azure, давайте поговорим о том, как создавать и управлять облачными ресурсами в Azure. Azure CLI – это кроссплатформенный инструмент командной строки, который надежно соединяет вас с Azure, чтобы выполнять команды на ресурсах Azure интерактивно (или через сценарии) с терминала.

Самый простой способ ознакомиться с командами Azure CLI – установить и запустить его в Azure Cloud Shell в браузере – локальная установка не требуется. Следуйте этим инструкциям, чтобы затем установить его локально в своей среде разработки. Убедитесь в правильности установки, протестировав основную команду az.

az --version
Вход в полноэкранный режим Выйдите из полноэкранного режима

С помощью Azure CLI можно управлять большинством служб Azure из коробки. Здесь приведен список поддерживаемых служб, а также ссылки на документацию по быстрому запуску каждой из них. Как веб-разработчики, вы можете найти подмножество служб, связанных с веб, которые стоит изучить – все, от App Service и API Management до Azure Static Web Apps.

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

az staticwebapp --help
Войти в полноэкранный режим Выйти из полноэкранного режима

С помощью CLI вы можете управлять настройками приложений, создавать и удалять статические приложения, управлять средой статического приложения и связанными с ним функциями, контролировать информацию, связанную с идентификацией, пользователями и секретами, связанными с приложением, и многое другое.

  • Изучите справочник az staticwebapp, чтобы узнать соответствующие команды и опции.
  • Затем создайте свое первое статическое веб-приложение с помощью Azure CLI.

Портал Azure

Если вы предпочитаете единую веб-консоль для управления взаимодействием с ресурсами Azure, Azure Portal предоставляет графический интерфейс пользователя в качестве альтернативы Azure CLI. Портал разработан для непрерывной доступности. Вот снимок того, как выглядит макет портала Azure Portal. Просмотрите следующие документы, чтобы глубже изучить его возможности:

  • В этом документе вы узнаете о компонентах портала Azure Portal.
  • Затем научитесь ориентироваться на портале в этом учебном пособии.
  • Или пройдите экскурсию по Azure Quickstart Center.

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


Основные инструменты Azure Functions

Azure Static Web Apps использует Azure Functions для поддержки возможностей бессерверного API для приложения. Узнайте больше об этом в нашей предыдущей статье об API-enabling SWA, где мы рассказали об управляемых функциях (созданных и управляемых Azure Static Web Apps) и Bring Your Own Functions (самостоятельно созданных и управляемых) для добавления поддержки бессерверного API в ваше статическое веб-приложение.

Инструменты Azure Functions Core Tools – они же func – поддерживают локальную разработку с помощью инструмента командной строки для создания, тестирования и даже развертывания ваших функций в Azure. После установки используйте следующее, чтобы получить интерактивную помощь по поддерживаемым командам и опциям этого инструмента:

func --help
Войти в полноэкранный режим Выйти из полноэкранного режима

Вы должны увидеть что-то вроде этого (некоторые данные сокращены для ясности), что даст вам представление об основных операциях, которые вы можете выполнять с помощью этого CLI.

Azure Functions Core Tools
Core Tools Version:       4.0.3971 ...
Function Runtime Version: 4.0.1.16815

Usage: func [context] [context] <action> [-/--options]

Contexts:
azure       Commands to log in to Azure and manage resources
durable     Commands for working with Durable Functions
extensions  Commands for installing extensions
function    Commands for creating and running functions locally
host        Commands for running the Functions host locally
kubernetes  Commands for working with Kubernetes and Azure Functions
settings    Commands for managing environment settings for the local Functions host
templates   Commands for listing available function templates

Actions: 
start   Launches the functions runtime host  
    --port [-p]     Local port to listen on. 
                    Default: 7071
..
..
Вход в полноэкранный режим Выход из полноэкранного режима

Изучите документацию, чтобы узнать, как это можно сделать:

  • Установить основные инструменты Azure Functions
  • Создать локальный проект Functions
  • Запускать и тестировать функции локально
  • публиковать функции в Azure

Позже на этой неделе мы подробно рассмотрим Azure Static Web Apps CLI – локальный инструмент командной строки для разработки Azure Static Web Apps, который легко сочетается с Azure Functions Core Tool, обеспечивая единый опыт разработчика для создания и тестирования проектов Static Web Apps с поддержкой API.

Сочетание Azure CLI (для управления ресурсами Azure из командной строки), Azure Functions Core Tools (для управления локальной разработкой и развертыванием Azure Functions) и Azure Static Web Apps CLI (для управления локальной разработкой и развертыванием SWA) обеспечивает бесшовный опыт разработчика с командной строкой для веб-разработчиков в Azure.


Расширения Azure

Но что если вы предпочитаете подход на основе IDE? Visual Studio Code поможет вам в этом. В статье, которая выйдет позже на этой неделе, мы подробно рассмотрим ключевые расширения Visual Studio Code, которые вы можете использовать, чтобы повысить эффективность работы разработчика от кода до облака прямо в IDE. А пока я оставлю вас с этими ресурсами:

  • Прочитайте документацию Azure Extensions, чтобы узнать, как найти и установить соответствующие расширения в VS Code.
  • Изучите страницу Развертывание приложений в Azure, чтобы найти практические руководства для VS Code – в том числе одно для Azure Static Web Apps и одно для Azure Functions.
  • Найдите в VS Code Marketplace соответствующие расширения от Microsoft и более широкого сообщества разработчиков.

Вот снимок расширений, опубликованных Microsoft в категории Azure, отсортированных по метрикам Trending. Вы можете увидеть здесь расширение Azure Static Web Apps – мы рассмотрим его более подробно в последнем посте этой недели!


Упражнение

Ух ты – мы сегодня многое рассмотрели! Но не беспокойтесь о том, что вам придется все это запомнить. Целью было повысить осведомленность о том, какой инструмент использовать, когда и почему. Ваше сегодняшнее упражнение:

  • Выберите документацию Azure Portal или Azure CLI для Azure Static Web Apps и ознакомьтесь с множеством доступных команд, настроек и опций.

    • Попробуйте быстрый запуск по умолчанию для этого варианта – затем изучите другие команды с развернутым Static Web App, чтобы получить реальное представление о том, как это работает.

Ресурсы

  • Документация Azure CLI – с быстрым запуском статических веб-приложений
  • Документация Azure Portal – с быстрым запуском статических веб-приложений
  • Документация Azure SWA CLI
  • Документация по основным инструментам Azure Functions
  • Azure SDK для JavaScript и других языков
  • Расширения Azure для Visual Studio Code

Оцените статью
Procodings.ru
Добавить комментарий