Як розмістити статичний вебсайт на AWS S3

Отже, ви створили новенький статичний вебсайт і хочете поділитися ним з усім світом. Розмістити його на AWS S3 просто і ефективно. Давайте розглянемо кроки по порядку.

Крок 1: Підготуйте файли вашого вебсайту

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

1. Додайте файл index.html — це буде вхідна сторінка вашого вебсайту.
2. За бажанням, додайте допоміжні файли, такі як CSS, JavaScript і зображення.
3. Перевірте, що файли працюють локально у браузері.

Крок 2: Створіть S3 бакет (Дім вашого вебсайту)

1. Увійдіть в AWS Management Console.
2. Перейдіть до служби S3 і натисніть Створити бакет.

1. Заповніть деталі:

• Введіть унікальну назву бакету (наприклад, my-awesome-website).
• Виберіть бажаний регіон AWS.

1. Зніміть прапорець Блокувати весь публічний доступ, щоб зробити контент доступним для всіх.
   ⚠️ Будьте обережні з публікацією чутливих або приватних файлів.

1. Натисніть Створити бакет для продовження.

Крок 3: Завантажте файли вашого вебсайту на S3

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

Крок 4: Налаштуйте хостинг статичного вебсайту

1. Перейдіть на вкладку Властивості вашого бакету.

1. Прокрутіть до Хостинг статичного вебсайту та натисніть Редагувати.
2. Увімкніть хостинг статичного вебсайту, перемикаючи налаштування в увімкнений стан.
3. Вкажіть вхідну точку для вашого вебсайту:

• Документ індексу: Введіть index.html.

1. Збережіть зміни.

Крок 5: Увімкніть ACL в Об'єктному Володінні

1. Перейдіть на вкладку Дозволи вашого бакету.

1. Прокрутіть до Об'єктне володіння та виберіть Увімкнено ACL.
2. Збережіть зміни.

Крок 6: Зробіть ваші файли публічними

1. Перейдіть на вкладку Об’єкти вашого бакету.
2. Виберіть файли, які хочете зробити публічними (наприклад, index.html).
3. Натисніть Дії → Зробити публічними через ACL.

1. Підтвердіть натисканням Зробити публічним.

Крок 7: Перевірте ваш вебсайт

1. Поверніться до вкладки Властивості вашого бакету.
2. Скопіюйте URL ендпоінту в розділі Хостинг статичного вебсайту.
3. Вставте URL у браузер, щоб отримати доступ до вашого вебсайту в режимі реального часу.

Дякую за прочитане!
Сподіваюся, цей посібник допоміг вам розмістити ваш статичний вебсайт на AWS S3. Якщо у вас є питання або відгуки, не соромтеся звертатися! 😊

Перекладено з: How to Host a Static Website on AWS S3