Як безкоштовно розгорнути статичний веб-сайт на AWS S3: Посібник для початківців

Популярність хмарних обчислень зробила розгортання веб-сайтів ще простішим, особливо для початківців. Цей посібник допоможе вам зрозуміти, як безкоштовно розгорнути статичний веб-сайт на Simple Storage Service (S3) від Amazon Web Services (AWS). Виконавши наступні кроки, ви зможете створити та запустити свій особистий веб-сайт, відчути потужність і зручність хмарних обчислень.

Перший крок: Підготовка

Перед початком розгортання, будь ласка, переконайтеся, що у вас є наступні підготовки:

1. Обліковий запис AWS: будь ласка, відвідайте офіційний сайт AWS для реєстрації облікового запису AWS.
2. Основні знання HTML/CSS: ознайомтеся з основами створення веб-сторінок, підготуйте просту статичну веб-сторінку. Ви можете використовувати наступний простий шаблон:

    Мій статичний веб-сайт


# Ласкаво просимо на мій статичний веб-сайт!

    Це моя перша статична веб-сторінка.

Збережіть вищезазначений код як файл index.html і підготуйте інші необхідні статичні ресурси (такі як зображення, CSS файли тощо).

Другий крок: Створення S3 бакету

1. Увійдіть до консолі управління AWS, знайдіть і виберіть сервіс "S3".
2. Натисніть "Створити бакет".
3. У спливаючому вікні:
   • Назва бакету: введіть унікальну назву бакету, наприклад my-static-website-12345.
   • Регіон: виберіть найближчий до вас регіон.
   • Залиште інші параметри за замовчуванням, натисніть "Створити бакет".

Третій крок: Налаштування бакету

1. Налаштування прав:
   • Знайдіть щойно створений бакет, натисніть на нього.
   • Перейдіть на вкладку "Права" та натисніть "Політика бакету".
   • У редакторі політики додайте наступну політику для відкритого доступу до вашого веб-сайту:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Зверніть увагу: будь ласка, замініть my-static-website-12345 на назву вашого бакету.

2. Увімкнення хостингу статичного веб-сайту:
   • Поверніться на головну сторінку бакету, натисніть на вкладку "Властивості".
   • Знайдіть "Хостинг статичного веб-сайту", натисніть "Редагувати".
   • Виберіть "Використовувати цей бакет для хостингу веб-сайту".
   • У полі "Індексний документ" введіть index.html, а потім натисніть "Зберегти зміни".

Четвертий крок: Завантаження файлів

1. На головній сторінці бакету натисніть "Завантажити".
2. Перетягніть index.html та інші статичні ресурси (такі як CSS файли, зображення) у зону завантаження.
3. Переконайтеся, що всі файли успішно завантажені.

П’ятий крок: Доступ до вашого веб-сайту

1. Поверніться на вкладку "Властивості" бакету, ще раз перегляньте розділ "Хостинг статичного веб-сайту", ви побачите URL, подібний до http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
2. Скопіюйте це посилання та відкрийте його в браузері, ви побачите, що ваш статичний веб-сайт запущено!

Поради та найкращі практики

• Уникайте перевищення безкоштовного ліміту: AWS S3 має безкоштовний рівень використання, але переконайтеся, що ви дотримуєтеся обмежень використання, щоб уникнути витрат.
• Використовуйте контроль версій: розгляньте можливість використання таких інструментів контролю версій, як Git, для управління файлами вашого веб-сайту, щоб підвищити ефективність розробки.
• Оптимізуйте ресурси: використовуйте стиснуті зображення та мінімізовані CSS/JavaScript файли, щоб покращити швидкість завантаження веб-сайту.
• Регулярно перевіряйте налаштування безпеки: регулярно переглядайте права бакету, щоб забезпечити, що ваші ресурси не підлягають несанкціонованому доступу.

Висновок

AWS S3 пропонує зручний та економічний спосіб хостингу статичних веб-сайтів. Завдяки цьому посібнику ви дізналися основні кроки для створення, налаштування та публікації вашого першого статичного веб-сайту на AWS. З розвитком технологій ви можете поступово розширювати функціональність вашого веб-сайту, вивчаючи більше про хмарні обчислення та розробку веб-сайтів. Запрошуємо вас розпочати вашу подорож у світ хмарних обчислень!