Статические сайты в S3

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

Сайт будет доступен по техническому адресу вида имя_бакета.website.twcstorage.ru. При необходимости к нему можно подключить собственный домен через CDN.

Настройка

Для размещения сайта:

1. Загрузите индексный файл в корень бакета — он не должен находиться внутри папки.

2. Остальные файлы (страницы, стили, скрипты, медиа-контент) могут располагаться в директориях.

   Пример структуры:

    

      

    
    index.html
pages/
  firstpage.html
  secondpage.html
img/
  1.png
  2.png
css/
  style.css
js/
  index.js
404.html
403.html

  

Файлы можно загрузить через объектный менеджер или с помощью сторонних утилит, например, Cyberduck.

После загрузки:

1. Перейдите в раздел «Настройки» бакета.
2. Нажмите кнопку «Настроить» рядом с пунктом «Веб-сайт».

В открывшемся окне:

1. Включите статический сайт.
2. При необходимости измените имя индексного файла (по умолчанию index.html).
3. Настройте отображение ошибок — выберите код ошибки (например, 404) и соответствующую страницу.
4. Сохраните изменения.

Подключение собственного домена

Собственный домен для статического сайта подключается через CDN-ресурс. CDN будет получать контент с технического домена сайта и отдавать его через домены раздачи.

Чтобы подключить домен:

1. Откройте настройки сайта и нажмите «Привязать собственный домен». Если вы впервые включили веб-сайт и кнопки нет, нажмите «Сохранить», вернитесь в настройки бакета и снова нажмите «Настроить» рядом с пунктом «Веб-сайт».

2. Ознакомьтесь с условиями тарификации и нажмите «Создать CDN-ресурс». После этого автоматически создастся CDN-ресурс и нему будет подключен сайт бакета в качестве источника контента.

3. После создания CDN-ресурса нажмите «Управлять доменами».

4. В открывшемся окне в блоке «Домены раздачи» нажмите «Добавить домен».

5. Выберите существующий поддомен или укажите новый. В качестве собственного домена раздачи можно использовать только поддомен, например cdn.example.com.

5. Если поддомен обслуживается на наших NS-серверах, CNAME-запись обновится автоматически. В остальных случаях создайте CNAME-запись у DNS-провайдера и направьте поддомен на технический домен CDN-ресурса.

6. Нажмите «Сохранить».

После сохранения и применения настроек DNS сайт станет доступен по добавленному домену раздачи. Обновление DNS может занять от 15–30 минут до 24 часов.

Чтобы сайт открывался по HTTPS, выпустите или добавьте SSL-сертификат для подключенного домена.

Домены также можно настраивать напрямую в CDN-ресурсе. Для этого перейдите в раздел «Сети» → «CDN», откройте созданный для сайта ресурс и выберите «Управление» → «Домены раздачи». Из настроек бакета перейти к этим же параметрам можно по кнопке «Управлять доменами ресурса».

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

Ограничения

• Для работы сайта бакет должен быть публичным. Если сделать его непубличным, страницы начнут возвращать ошибку 403.

• При обращении к сайту по техническому домену исходящий трафик тарифицируется так же, как и при обычной работе с S3.