Оскільки веб-розробники та компанії продовжують шукати ефективні та рентабельні рішення для розміщення статичного веб-вмісту, Microsoft Azure пропонує дві відомі послуги для задоволення їхніх потреб: Static Web Apps та Storage Static Websites. Ця стаття спрямована на детальне огляд обох рішень, заглиблення в їхні функції, випадки використання та відмінності між ними. Розуміючи їх функції та вартість, ви можете прийняти обґрунтоване рішення, вибираючи правильне рішення для свого проекту.

Static Web Apps ˙

Static Web Apps — це безсерверна служба веб-хостингу для статичного веб-вмісту, наприклад файлів HTML, CSS і JavaScript, а також безсерверних API на основі функцій Azure. Це спрощує розгортання, CI/CD та керування сучасними веб-додатками.

Static Web Apps забезпечують глобальне масштабування, що дає вашій програмі доступ до користувачів у всьому світі з низькою затримкою. Він також пропонує власні домени та SSL, забезпечуючи безпечний та персоналізований досвід для ваших користувачів. Завдяки вбудованому CI/CD за допомогою GitHub або Azure DevOps це спрощує процес розгортання.

Static Web Apps добре підходить для сучасних веб-додатків, створених за допомогою фреймворків, таких як React, Angular або Vue. Він ідеально підходить для програм, яким потрібен швидкий глобальний доступ, інтегрований CI/CD і підтримка безсерверного API.

Storage Static Websites

Storage Static Websites — це функція Azure Blob Storage, яка дозволяє розміщувати статичний веб-вміст, як-от файли HTML, CSS і JavaScript, безпосередньо з контейнера для зберігання без необхідності використання веб-сервера.

Storage Static Websites забезпечують недорогий хостинг із оплатою за використання, що забезпечує економічно ефективні рішення для розміщення статичного веб-вмісту. Він підтримує власні домени та сертифікати SSL для безпечного перегляду.

Storage Static Websites підходять для простих статичних веб-сайтів, які не потребують розширених функцій, таких як безсерверні API або вбудований CI/CD. Це чудовий варіант для таких проектів, як особисті блоги, портфоліо або сайти документації.

Порівняння Static Web Apps і Storage Static Websites

Хоча обидва рішення дозволяють розміщувати статичний вміст, Static Web Apps пропонує додаткові функції, як-от serverless API, вбудований CI/CD і глобальне масштабування. З іншого боку, Storage Static Websites пропонує більш просте рішення для розміщення простих статичних веб-сайтів.

Static Web Apps пропонують кращу продуктивність і масштабованість завдяки функції глобального масштабування, забезпечуючи доступ із низькою затримкою для користувачів у всьому світі. В Storage Static Websites відсутня ця функція, що робить їх менш придатними для програм, які потребують високої продуктивності та масштабованості.

Обидва рішення підтримують власні домени та сертифікати SSL. Однак Static Web Apps включає автоматичне керування сертифікатами SSL, що полегшує підтримку безпечної присутності в Інтернеті.

Порівняння вартості: Static Web Apps та Storage Static Websites

Static Web Apps має безкоштовний рівень із базовими функціями та стандартний рівень із додатковими функціями за фіксовану щомісячну вартість. Storage Static Websites дотримується моделі ціноутворення «оплата за використання» з оплатою на основі зберігання та передачі даних.

Для простих статичних веб-сайтів із низьким трафіком Storage Static Websites можуть бути економічно ефективнішими завдяки оплаті за використання. Однак для більш складних програм, які вимагають розширених функцій, таких як безсерверні API, CI/CD або глобальне масштабування, Static Web Apps може бути кращим вибором, незважаючи на вищу фіксовану щомісячну вартість.

Щоб оптимізувати витрати, виберіть правильне рішення на основі вимог вашої програми та моделей використання. Розгляньте безкоштовний рівень Static Web Apps для невеликих проектів із базовими потребами або виберіть Storage Static Websites, якщо у вас простий статичний веб-сайт із низьким трафіком. Регулярно контролюйте використання та витрати, щоб визначити можливості для оптимізації.

Створення та розгортання Static Web Apps

Перш ніж почати, переконайтеся, що у вас є активний обліковий запис Azure та репозиторій GitHub або Azure DevOps, що містить вашу статичну веб-програму.

• Увійдіть на портал Azure.
• Натисніть «Create a resource» і знайдіть «Static Web Apps».
• Натисніть «Create» та заповніть необхідні дані, як-от підписку, групу ресурсів та назву.
• Введіть унікальне ім’я ресурсу.
• Виберіть План (Plan).
• Виберіть постачальника засобів керування джерелами (GitHub або Azure DevOps).
• Авторизуйте доступ до свого сховища та виберіть сховище та гілку.
• Налаштуйте параметри складання, зокрема розташування програми, розташування API та місце виведення.
• Натисніть «Review + create», а потім «Create», щоб розгорнути статичну веб-програму Azure.

Після створення статичної веб-програми Azure будь-які зміни, які ви надішлете у свій репозиторій GitHub або Azure DevOps, ініціюватимуть збірку та розгортання за допомогою вбудованого конвеєра CI/CD.

Створення та розгортання Storage Static Websites

• Увійдіть на портал Azure.
• Натисніть «Create a resource» і знайдіть «Storage Account».
• Натисніть «Create» та заповніть необхідні дані, як-от підписку, групу ресурсів та назву.
• Виберіть рівень продуктивності, тип облікового запису та параметри реплікації.
• Натисніть «Review + create», а потім «Create», щоб розгорнути статичну веб-програму Azure.
• Після створення облікового запису зберігання перейдіть до меню «Settings» облікового запису зберігання та виберіть опцію «Static website».
• Увімкніть функцію «Static website» і вкажіть ім’я документа покажчика (наприклад, index.html) і шлях документа помилки, якщо потрібно.
• Натисніть «Save», щоб застосувати зміни до облікового запису зберігання.

Після створення облікового запису сховища завантажте статичний веб-вміст у контейнер $web у своєму обліковому записі сховища за допомогою порталу Azure, Azure CLI, Azure PowerShell або Storage Explorer.

Вибір правильного рішення для ваших потреб

Вибираючи між Static Web Apps Azure і Storage Static Websites, враховуйте такі фактори, як необхідні функції, продуктивність і масштабованість, безпека та відповідність вимогам, інтеграція з іншими службами Azure та вартість.

Для сучасних веб-програм, які потребують безсерверних API, CI/CD і глобального масштабування, Static Web Apps є рекомендованим рішенням. Для простіших статичних веб-сайтів без додаткових вимог Storage Static Websites можуть бути економічно ефективнішим варіантом.

Підсумок

У цій статті ми обговорили функції, варіанти використання та порівняння Static Web Apps і Storage Static Websites. Обидва рішення мають свої переваги та підходять для різних сценаріїв. Виберіть той, який найкраще відповідає вашим потребам, враховуючи такі фактори, як функції, продуктивність, безпека, інтеграція та вартість.