Связаться с намиПодключиться

Настройка хостинга статического сайта в бакете Yandex Object Storage с доступом через Yandex Cloud CDN

Статья создана
Обновлена 25 июня 2025 г.

В этом руководстве вы создадите статический сайт в бакете Yandex Object Storage и опубликуете его в качестве источника контента в Yandex Cloud CDN. Соединение между клиентом и CDN-сервером может осуществляться по протоколу TLS версий 1.0 и 1.1, а между CDN-сервером и Object Storage — по протоколу TLS версии 1.2 или выше. Сайт будет доступен по доменному имени, делегированному в Yandex Cloud DNS, для которого в Yandex Certificate Manager будет выпущен TLS-сертификат. Доменное имя сайта будет связано с CDN-ресурсом с помощью CNAME записи в DNS.

В качестве примера будет использовано доменное имя cdn.yandexcloud.example.

Чтобы настроить хостинг статического сайта в бакете с доступом через CDN:

  1. Подготовьте облако к работе.
  2. Добавьте сертификат в Certificate Manager.
  3. Создайте бакет в Object Storage и загрузите файлы сайта.
  4. Настройте хостинг статического сайта.
  5. Создайте CDN-ресурс.
  6. Настройте DNS для CDN-ресурса.
  7. Проверьте работу CDN.

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

Перед началом работы

Зарегистрируйтесь в Yandex Cloud и создайте платежный аккаунт:

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

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

Подробнее об облаках и каталогах.

В стоимость поддержки инфраструктуры для сайта в бакете с доступом через CDN входят:

Добавьте сертификат в Certificate Manager

Поддерживаются сертификаты из Yandex Certificate Manager. Вы можете выпустить новый сертификат Let's Encrypt® или загрузить собственный.

Сертификат должен находиться в том же каталоге, в котором расположен ваш CDN-ресурс.

Для сертификата Let's Encrypt® пройдите проверку прав на домен, который указан в сертификате.

Создайте бакет в Object Storage и загрузите файлы сайта

  1. В консоли управления выберите сервис Object Storage.

  2. Справа сверху нажмите кнопку Создать бакет.

  3. В поле Имя укажите имя бакета.

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

  5. На локальном компьютере создайте файл главной страницы сайта — index.html.

    Пример файла index.html
    <!DOCTYPE html>
<html>
  <head>
    <title>My site</title>
  </head>
  <body>
    <p>The site is working</p>
  </body>
</html>

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

Настройте хостинг статического сайта

  1. В консоли управления в списке сервисов выберите Object Storage и перейдите в бакет, для которого хотите настроить хостинг.
  2. На панели слева выберите Настройки.
  3. Перейдите на вкладку Основные.
  4. В полях Доступ на чтение объектов и Доступ к списку объектов выберите Публичный.
  5. Нажмите Сохранить.
  6. Выберите вкладку Веб-сайт.
  7. В разделе Хостинг:

    • В поле Главная страница укажите абсолютный путь к файлу в бакете для главной страницы сайта, например index.html.

      Важно

      Ключ объекта с главной страницей сайта не может содержать символ /.

    • (опционально) В поле Страница ошибки укажите абсолютный путь к файлу в бакете, который будет отображаться при ошибках 4xx, например pages/error404.html. По умолчанию Object Storage возвращает собственную страницу.

  8. Нажмите кнопку Сохранить.

Проверить хостинг можно, перейдя по ссылке в поле Ссылка.

Создайте CDN-ресурс

  1. В консоли управления выберите Cloud CDN.

  2. Если CDN-провайдер еще не активирован, нажмите кнопку Подключиться к провайдеру. Подключение произойдет автоматически.

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

  3. Создайте CDN-ресурс:

    1. Справа сверху нажмите кнопку Создать ресурс.

    2. Включите Доступ к контенту.

    3. Задайте основные параметры CDN-ресурса:

      • Запрос контента — Из одного источника.

      • Тип источника — Бакет.

      • Бакет — выберите нужный бакет из списка.

      • Доменное имя — cdn.yandexcloud.example.

        Внимание

        Доменное имя cdn.yandexcloud.example станет основным, и его будет невозможно изменить после создания CDN-ресурса.

      • В блоке Дополнительно:

        • В поле Протокол для источников выберите HTTP.
        • В поле Переадресация клиентов выберите Не использовать.
        • В поле Тип сертификата укажите Сертификат из Certificate Manager и выберите сертификат для доменного имени cdn.yandexcloud.example.
        • В поле Заголовок Host выберите Свое значение и в Значение заголовка укажите доменное имя источника в формате: <имя_бакета_с_файлами>.website.yandexcloud.net, чтобы бакет-источник корректно отвечал на запросы CDN-серверов.

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

  4. Включите переадресацию клиентов с HTTP на HTTPS:

    1. Выберите ресурс CDN, созданный ранее.
    2. Убедитесь, что в блоке Дополнительно статус сертификата изменился на Выпущен.
    3. Справа сверху нажмите кнопку Редактировать.
    4. В блоке Дополнительно в поле Переадресация клиентов выберите С HTTP на HTTPS.
    5. Нажмите кнопку Сохранить.

Настройте DNS для CDN-ресурса

Доменное имя cdn.yandexcloud.example должно быть связано с CDN-ресурсом с помощью записей DNS.

Чтобы настроить DNS:

  1. Получите доменное имя провайдера Cloud CDN:

    1. В консоли управления выберите Cloud CDN.
    2. В списке CDN-ресурсов выберите ресурс с основным доменным именем cdn.yandexcloud.example.
    3. Из блока Настройки DNS внизу страницы скопируйте доменное имя вида cl-********.edgecdn.ru.

  2. На сайте компании, которая предоставляет вам услуги DNS-хостинга, перейдите в настройки DNS.

  3. Создайте или измените CNAME-запись для cdn.yandexcloud.example так, чтобы она указывала на скопированное доменное имя:

    cdn CNAME cl-********.edgecdn.ru

    Примечание

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

    Если вы пользуетесь Cloud DNS, настройте запись по следующей инструкции:

    Инструкция по настройке DNS-записей для Cloud DNS

    1. В консоли управления выберите сервис Cloud DNS.

    2. Если у вас нет публичной зоны DNS, создайте ее:

      1. Нажмите кнопку Создать зону.
      2. В поле Зона укажите доменное имя сайта с точкой в конце: yandexcloud.example..
      3. В поле Тип выберите Публичная.
      4. В поле Имя укажите example-dns-zone.
      5. Нажмите кнопку Создать.

    3. Создайте в зоне CNAME-запись для cdn.yandexcloud.example:

      1. Выберите зону example-dns-zone.
      2. Нажмите кнопку Создать запись.
      3. В поле Имя укажите cdn.
      4. В поле Тип укажите CNAME.
      5. В поле Значение вставьте скопированное значение вида cl-********.edgecdn.ru. с точкой на конце.
      6. Нажмите кнопку Создать.

Проверьте работу CDN

Проверьте доступность сайта:

  1. Дождитесь обновления DNS-записей (на это может потребоваться несколько часов) и предзагрузки файлов на CDN-серверы.

  2. Откройте сайт по новому URL:

    https://cdn.example.com

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

Чтобы остановить работу инфраструктуры и перестать платить за созданные ресурсы:

  1. Если вы создавали зону в Cloud DNS, то удалите зону DNS example-dns-zone.
  2. Удалите CDN-ресурс с основным доменным именем cdn.yandexcloud.example.
  3. Удалите все объекты из бакета.
  4. Удалите бакет.
Предыдущая
Миграция в Yandex Cloud CDN из стороннего CDN-провайдера
Следующая
Обзор сервиса