Что такое служба статических веб-приложений Azure?

Статические веб-приложения Azure — это служба, которая автоматически создает и развертывает комплексные веб-приложения в Azure из репозитория кода.

Azure Static Web Apps overview diagram.

Рабочий процесс Статических веб-приложений Azure адаптирован для ежедневного рабочего процесса разработчика. Приложения создаются и развертываются на основе изменений кода.

При создании ресурса Статические веб-приложения Azure Azure взаимодействует напрямую с GitHub или Azure DevOps для отслеживания выбранной ветви. Каждый раз, когда вы отправляете фиксации или принимаете запросы на вытягивание в отслеживаемую ветвь, сборка автоматически выполняется, а приложение и API развертываются в Azure.

Статические веб-приложения обычно создаются с помощью библиотек и веб-платформ, таких как Angular, React, Svelte, Vue или Blazor, где не требуется отрисовка на стороне сервера. К таким приложениям относятся HTML, CSS, JavaScript и ресурсы изображений, составляющие приложение. При использовании традиционного веб-сервера эти ресурсы обрабатываются с одного сервера вместе со всеми необходимыми конечными точками API.

В случае Статических веб-приложений статические ресурсы отделены от традиционного веб-сервера и обрабатываются из точек, географически распределенных по всему миру. Это распределение намного ускоряет обслуживание файлов, поскольку файлы становятся ближе к конечным пользователям физически. Кроме того, конечные точки API размещаются с помощью бессерверной архитектуры, что позволяет избежать необходимости полного серверного сервера.

Ключевые функции

  • Веб-хостинг для статического содержимого, например HTML, CSS, JavaScript и изображений.
  • Встроенная поддержка API, предоставляемая управляемыми Функции Azure, с возможностью связывания существующего приложения-функции, веб-приложения, приложения-контейнера или экземпляра Управление API с помощью стандартной учетной записи. Если вам нужен API в регионе, который не поддерживает управляемые функции, вы можете перенести собственные функции в приложение.
  • Интеграция GitHub первого класса и Azure DevOps, которая позволяет изменять репозиторий для активации сборок и развертываний.
  • Глобальное распределение статического содержимого, благодаря которому содержимое находится ближе к пользователям.
  • Бесплатные SSL-сертификаты, которые обновляются автоматически.
  • Личные домены, обеспечивающие фирменную настройку приложения.
  • Простая модель безопасности с использованием обратного прокси-сервера при вызове интерфейсов API, для которых не требуется конфигурация CORS.
  • Интеграция поставщика проверки подлинности с идентификатором Microsoft Entra и GitHub.
  • Настраиваемые определения ролей авторизации и назначения.
  • Правила внутренней маршрутизации, обеспечивающие полный контроль над содержимым и обслуживаемыми маршрутами.
  • Создание промежуточных версий на основе запросов на включение внесенных изменений, позволяющее создавать предварительные версии сайта перед публикацией.
  • Поддержка CLI с помощью Azure CLI для создания облачных ресурсов и с помощью интерфейса командной строки Статические веб-приложения Azure для локальной разработки.

Возможности использования статических веб-приложений

  • Создание современных веб-приложений с использованием платформ и библиотек JavaScript, например Angular, React, Svelte, Vue или Blazor для разработки приложений WebAssembly с серверной частью Функций Azure.
  • Публикация статических сайтов с использованием таких платформ, как Gatsby, Hugo, VuePress.
  • Развертывайте веб-приложений с помощью таких платформ, как Next.js и Nuxt.js.

Следующие шаги