Как создать статический веб-сайт на корзине AWS S3

На этой странице

1. Предварительные требования
2. Что будем делать?
3. Настройте существующий сегмент S3 для работы в качестве статического веб-сайта.
4. Заключение

S3 Bucket — это служба хранения объектов AWS. Мы можем использовать AWS S3 Bucket для размещения статического веб-сайта. AWS S3 не поддерживает сценарии на стороне сервера, но у AWS есть другие ресурсы для размещения динамических веб-сайтов. Чтобы разместить статический веб-сайт на Amazon S3, нам нужно настроить корзину AWS S3 для размещения веб-сайтов, а затем загрузить содержимое нашего веб-сайта в созданную нами корзину. Когда мы настраиваем корзину как статический веб-сайт, мы включаем хостинг статического веб-сайта.

После того, как мы настроим нашу корзину как статический веб-сайт, мы сможем получить доступ к этой корзине через конечные точки веб-сайта Amazon S3 для конкретного региона AWS для нашей корзины.

Чтобы настроить нашу корзину AWS S3 для размещения статического веб-сайта, в этой статье мы будем использовать Консоль управления AWS.

Чтобы узнать, как создать простую корзину S3, и узнать о ней больше, нажмите здесь. Этот документ был написан мной. Вы можете использовать его для создания простой общедоступной корзины S3.

Предпосылки

1. Аккаунт AWS (создайте, если у вас его нет).
2. Общедоступный сегмент S3.

Что мы будем делать?

1. Прочтите эту статью, чтобы узнать больше о S3 Public Bucket.
2. Настройте существующую общедоступную корзину S3 для работы в качестве статического веб-сайта.

Настройте существующий сегмент S3 для работы в качестве статического веб-сайта.

Прежде чем продолжить, я предполагаю, что вы создали корзину S3.

После того, как у вас есть общедоступная корзина S3, выберите корзину S3 и нажмите «Разрешения», а затем выберите «Статический хостинг веб-сайтов».

Прокрутите вниз и выберите «Использовать это ведро для размещения веб-сайта», прокрутите вниз и нажмите «Сохранить настройки».

Если у вас есть общедоступная корзина S3, перейдите на главный экран S3 Buckets и нажмите на свою корзину -> Загрузить. Вы получите экран, на котором вы можете загрузить контент своего статического веб-сайта или только одну страницу index.html. Здесь я загружаю только один файл с именем index.html.

При создании корзины S3 убедитесь, что имя корзины S3 является универсальным, и никакая другая существующая корзина не имеет такого же имени.

Нажмите «Далее» и измените «Управление общими разрешениями» на «Предоставить общий доступ для чтения к объектам», а затем нажмите «Загрузить».

После успешной загрузки файла index.html (или вашего статического веб-сайта) вы можете увидеть его в консоли. Выберите \index.html\. Здесь я создал образец index.html главной страницы https://linux-console.net/. У вас может быть собственный пример веб-страницы.

После того, как вы нажмете на объект, нажмите «Сделать общедоступным», чтобы сделать его общедоступным, чтобы к странице можно было получить доступ из любого места. Если вы не сделаете его общедоступным, доступ к странице из Интернета будет не у всех.

Здесь вы можете увидеть файлы на главной странице, которые были загружены вами.

Нажав на объект, нажмите «Сделать общедоступным», чтобы сделать его общедоступным, чтобы к странице можно было получить доступ из любого места, иначе ваша веб-страница не будет доступна всем.

Прокрутите вниз и нажмите «URL-адрес объекта», чтобы просмотреть статическую веб-страницу.

Я сохранил и загрузил главную страницу linux-console.net, которую можно увидеть на следующем изображении. Вы можете создать и загрузить собственную HTML-страницу всего статического веб-сайта или только одну веб-страницу.

Заключение

В этой статье мы увидели шаги по загрузке статической веб-страницы, изменению ее разрешений и доступу к ней с помощью «Статического веб-сайта» S3.