Azure Static Web Apps - Використовуйте статичні веб-програми для розміщення програм на Azure безкоштовно

Що таке статичні веб-програми Azure?

Azure Static Web Apps — це служба, яка автоматично створює та розгортає наскрізні веб-програми в Azure зі сховища GitHub.

Робочий цикл Static Azure Web Apps адаптований для щоденного робочого процесу розробника.  Додатки створюються і розгортаються на основі взаємодії з GitHub.

Коли ви створюєте ресурс Статичного веб-застосунку Azure налаштовує робочий цикл GitHub Actions у сховищі вихідного коду програми, який відстежує вибрану гілку.  Щоразу, коли запит на зміну виконується або приймається у філії, що контролюється, діяльність GitHub автоматично створює та розгортає програму та її API в Azure.

Статичні веб-додатки зазвичай будуються з використанням бібліотек і фреймворків, таких як Angular, React, Svelte або Vue.  Ці програми включають ресурси HTML, CSS та JavaScript, а також ресурси зображень, з яких складається додаток.  З традиційним веб-сервером ці ресурси обробляються з одного сервера разом з усіма необхідними кінцевими точками API.

У випадку статичних веб-додатків статичні ресурси відокремлюються від традиційного веб-сервера і обробляються з місць, географічно розподілених по всьому світу.  Такий розподіл значно прискорює обробку файлів, так як ці файли фізично ближче до кінцевих користувачів.  Крім того, кінцеві точки API розміщуються з використанням безсерверної архітектури, що в свою чергу позбавляє від необхідності в повноцінному сервері backend.

Основні функції статичних веб-застосунків Azure

• Безкоштовний веб-хостинг для статичного вмісту, такого як HTML, CSS, JavaScript та зображення.
• Інтегрована підтримка API, що надається функціями Azure.
• Пряма інтеграція з GitHub, при якій зміни в репозиторії запускають операції побудови і розгортання.
• Глобальне поширення статичного контенту, що наближає контент до користувачів.
• Безкоштовні SSL сертифікати, які поновлюються автоматично.
• Користувацькі домени*, які забезпечують брендування програми.
• Проста модель безпеки з використанням зворотного проксі при виклику API, які не вимагають конфігурації CORS.
• Інтегруйте постачальників автентифікації з Azure Active Directory, Facebook, Google, GitHub і Twitter.
• Спеціальні визначення ролей авторизації та призначення .
• Внутрішні правила маршрутизації, які забезпечують повний контроль над контентом і обслуговуваними маршрутами.
• Створюйте проміжні версії на основі запитів на включення, що дає змогу створювати попередні версії сайту перед публікацією.

 Можливості Azure Static Web Apps

• Створюйте сучасні JavaScript-додатки , використовуючи фреймворки і бібліотеки, такі як Angular, React, Svelte, Vue з бекендом Azure Functions.
• Публікуйте статичні сайти за допомогою таких платформ, як Gatsby, Hugo, VuePress.
• Розгортайте веб-додатки, використовуючи такі фреймворки , як Next.js і Nuxt.js.