Статический веб-сайт в Yandex Object Storage

С помощью этой инструкции вы научитесь загружать статические файлы вашего веб-сайта в Yandex Object Storage и привязывать к бакету доменное имя.

Чтобы разместить статический веб-сайт в Object Storage:

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

Если сайт вам больше не нужен, удалите файлы из хранилища и зону DNS.

Подготовьте облако к работе

Перед использованием Yandex Object Storage нужно зарегистрироваться в Yandex.Cloud и создать платежный аккаунт:

1. Перейдите в консоль управления, затем войдите в Yandex.Cloud или зарегистрируйтесь, если вы еще не зарегистрированы.
2. На странице биллинга убедитесь, что у вас подключен платежный аккаунт, и он находится в статусе ACTIVE или TRIAL_ACTIVE. Если платежного аккаунта нет, создайте его.

Если у вас есть активный платежный аккаунт, вы можете создать или выбрать каталог, в котором будет находиться ваш бакет. Перейдите на страницу облака и выберите или создайте каталог, в котором вы хотите создать бакет. Подробнее об иерархии ресурсов Yandex.Cloud.

Необходимые платные ресурсы

В стоимость поддержки статического сайта входит:

• плата за хранение данных статического сайта (см. тарифы Yandex Object Storage);
• плата за операции с данными (см. тарифы Yandex Object Storage);
• стоимость исходящего трафика из Yandex.Cloud в интернет (см. тарифы Yandex Object Storage).
• плата за публичные DNS-запросы и зоны (см. тарифы Yandex Cloud DNS).

Создайте публичный бакет

Чтобы создать бакет для файлов статического сайта:

1. Перейдите в консоль управления Yandex.Cloud и выберите каталог, в котором будете выполнять операции.

2. На странице каталога нажмите кнопку Создать ресурс и выберите Бакет.

3. В поле Имя введите имя бакета, например, www.example.com. Имя бакета станет частью доменного имени сайта. После настройки бакет будет доступен по двум адресам:

   • http(s)://<имя_бакета>.website.yandexcloud.net
   • http(s)://website.yandexcloud.net/<имя_бакета>

   Имя должно удовлетворять требованиям:

   • Длина имени должна быть от 3 до 63 символов.
   • Имя может содержать строчные буквы латинского алфавита, цифры, дефисы и точки.
   • Первый и последний символы должны быть буквами или цифрами.
   • Символы справа и слева от точки должны быть буквами или цифрами.
   • Имя не должно иметь вид IP-адреса (например 10.1.3.9).

   Примечание

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

4. Укажите максимальный размер бакета в ГБ.

5. Включите Публичный доступ на чтение объектов.

6. Нажмите кнопку Создать бакет.

Включите веб-сайт для бакета

Необходимо загрузить и настроить индексную страницу и страницу ошибки. Для этого:

1. Создайте на компьютере файлы:
   • index.html с текстом Hello world!.
     Содержимое файла будет показываться при обращении к главной странице веб-сайта.
   • error.html с текстом Error!.
     Содержимое файла будет показываться при ответах веб-сайта с ошибками 4хх.
2. На вкладке Объекты на странице вашего бакета нажмите кнопку Загрузить. В открывшемся окне выберите созданные файлы и нажмите кнопку подтверждения.
3. Нажмите кнопку Загрузить.
4. Откройте вкладку Веб-сайт на странице вашего бакета.
5. Выберите Хостинг.
6. В поле Главная страница укажите index.html.
7. В поле Страница ошибки укажите error.html.
8. Нажмите кнопку Сохранить.
9. Проверьте, что главная страница веб-сайта открывается. Для этого подключитесь к сайту через браузер по ссылке вида http://<имя_бакета>.website.yandexcloud.net.
10. Проверьте, что страница ошибки открывается. Для этого подключитесь к сайту через браузер по ссылке вида http://<имя_бакета>.website.yandexcloud.net/error-check.

Настройте DNS

Если у вас есть зарегистрированное доменное имя, назначьте его бакету. Для этого создайте в DNS запись типа CNAME.

Вы можете воспользоваться сервисом Cloud DNS для управления доменом.

В инструкции ниже описана настройка DNS для домена третьего уровня www.example.com.

Добавьте зону

Чтобы добавить публичную зону:

1. Откройте раздел Cloud DNS в каталоге, где требуется создать зону DNS.
2. Нажмите кнопку Создать зону.
3. Задайте настройки зоны:
   • Имя зоны: example-zone-1.
   • Зона: example.com.. Укажите ваш зарегистрированный домен.
   • Тип — Публичная.
4. Нажмите кнопку Создать.

Добавьте запись типа CNAME

Создайте в публичной зоне запись DNS типа CNAME:

1. Выберите зону example.com из списка.
2. Нажмите кнопку Создать запись.
3. Задайте параметры записи:
   • Имя: www.
   • Тип записи: выберите значение CNAME.
   • TTL (время кэширования записи): оставьте значение по умолчанию.
   • Значение: введите www.example.com.website.yandexcloud.net..
4. Нажмите кнопку Создать.

Делегируйте доменное имя

Делегирование — это перенос ответственности с серверов регистратора на ваши серверы. Для домена создаются ресурсные записи типа NS (ns1.yandexcloud.net и ns2.yandexcloud.net).

Чтобы делегировать домен, укажите для него DNS-серверы в личном кабинете регистратора.

Делегирование происходит не сразу. Серверы интернет-провайдеров обычно обновляют записи до 24 часов (86400 секунд). Это обусловлено значением TTL, в течение которого кэшируются записи для доменов.

Проверить делегирование домена можно с помощью сервиса Whois или утилиты dig:

dig +short NS example.com

Результат:

ns2.yandexcloud.net.
ns1.yandexcloud.net.

Загрузите файлы веб-сайта

После настройки и проверки доступности загрузите в бакет остальные файлы, необходимые для работы сайта. Используйте для этого консоль управления, S3 API, Terraform или другие инструменты для работы с Object Storage.

Проверьте работу сайта

Чтобы проверить работу сайта, используйте один из стандартных адресов Object Storage:

• http://www.example.com.website.yandexcloud.net
• http://website.yandexcloud.net/www.example.com

Если вы настроили собственный домен, используйте адрес http://www.example.com.

Как удалить созданные ресурсы

Чтобы перестать платить за ресурсы:

• Удалите загруженные файлы.
• Удалите зону DNS.