Как настроить Route53 с нашим доменным именем для доступа к статическому веб-сайту с S3 на AWS

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

1. Предварительные условия
2. Что будем делать?
3. Войти в AWS
4. Настройка сегмента S3
5. Создание набора записей
6. Заключение

Эта статья поможет вам с шагами по размещению статического веб-сайта на S3 и перенаправлению трафика с вашего субдомена на статический веб-сайт в корзине S3. Для этого вам понадобится домен, купленный на AWS. Если у вас есть домен на AWS, вы можете создать поддомен и перенаправлять запросы с него в корзину S3.

Статический веб-сайт – это основной тип веб-сайта, который содержит веб-страницы с фиксированным содержанием. Каждая страница кодируется с помощью HTML и доставляет контент, который есть в ней, тогда как динамические веб-сайты зависят от обработки на стороне сервера, включая сценарии на стороне сервера, такие как PHP, JSP или ASP.NET. S3 поддерживает только статические веб-сайты, а не динамические.

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

Также обратите внимание, что покупка домена на AWS не бесплатна и с вас будет взиматься плата. После покупки домена, даже если вы отмените его в промежутке, удержанная сумма не будет возмещена, создание HostedZone также не является бесплатным, нажмите здесь, чтобы узнать его цену.

Ведро S3 также требует затрат, но гораздо меньше. Чтобы узнать о ценах на S3, нажмите здесь.

Предпосылки

1. Аккаунт AWS (создайте, если у вас его нет).
2. Доменное имя (приобретено на AWS)
3. Корзина S3 (нажмите здесь, чтобы узнать, как создать корзину S3 на AWS)

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

1. Войти в AWS
2. Настройка сегмента S3
3. Создание набора записей

Войти в АВС

Нажмите здесь, чтобы перейти на страницу входа, где вы можете ввести свои учетные данные, чтобы войти в аккаунт.

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

Настройка корзины S3

Найдите S3 в поле поиска в верхней части экрана.

Вы увидите все свои корзины S3, перечисленные на панели инструментов S3 Bucket под своей учетной записью. Сегменты S3 не фильтруются по регионам, отображаются корзины из всех регионов целиком.

Я буду использовать корзину \kops.devopslee.com\ для размещения статической страницы. Если у вас нет сегмента S3, создайте его, прежде чем продолжить. Обратите внимание, что название корзины должно совпадать с субдоменом/именем домена.

Таким образом, если я использую поддомен \kops.devopslee.com\, имя моей корзины также должно быть таким же, как \kops.devopslee.com\.

Проверьте, разрешен ли общий доступ к корзине, если нет, отредактируйте общий доступ и разрешите его. Чтобы изменить общий доступ, перейдите на вкладку Разрешения, нажмите \Изменить\ в разделе \Блокировать общий доступ\ и снимите все 4 опции.

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

{
    "Version": "2012-10-17",
    "Id": "Policy1548223592786",
    "Statement": [
        {
            "Sid": "Stmt1548223591553",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::your-s3-bucket-name-here/*"
        }
    ]
}

Отредактируйте политику ведра, добавьте указанную выше политику и измените в ней «arn» на «arn» вашего ведра.

На вкладке свойств прокрутите страницу вниз и посмотрите, включен ли хостинг статического веб-сайта, если нет, то включите его.

Теперь вы готовы с необходимой конфигурацией для корзины S3 и можете загрузить свой статический веб-сайт.

Если вы хотите, вы можете скачать мой образец index.html из моего репозитория Github и загрузить его в корзину.

Создать набор записей

Найдите Route53 в поле поиска в верхней части экрана.

Создайте поддомен/хостинговую зону по вашему выбору, которая будет выглядеть следующим образом.

Создайте набор записей в субдомене/размещенной зоне, переключитесь на псевдоним, выберите \Тип записи --> Псевдоним для конечной точки веб-сайта S3\ и выберите корзину s3.

Теперь ваш субдомен/хостинговая зона должны выглядеть следующим образом.

Посмотрите, есть ли у вас запись в основной зоне хостинга для поддомена типа NS.

Вы выполнили необходимую настройку, и теперь ваш статический веб-сайт должен быть доступен на поддомене, который вы использовали для маршрутизации.

Нажмите URL-адрес поддомена в веб-браузере.

Ниже приведен файл index.html, который мы использовали на статическом веб-сайте.

Заключение

В этой статье мы рассмотрели шаги по перенаправлению трафика из поддомена в корзину S3. Те же шаги, которые вы можете выполнить, чтобы использовать свой основной домен. Теперь мы знаем, что имя корзины S3 должно совпадать с именем поддомена/домена.