CDN: быстрый старт
Работать с СDN можно в панели управления и через CDN API.
-
Опционально: добавьте персональный домен к CDN-ресурсу.
-
Если ваш сайт работает на WordPress, интегрируйте CDN и WordPress.
1. Создать CDN-ресурс
CDN-ресурс — это набор настроек, которые определяют, как CDN будет забирать контент с источника контента и доставлять его конечным пользователям.
Источником контента может быть:
- свой источник — сервер, доступный из интернета по протоколу HTTP или HTTPS;
- или бакет S3.
Свой источник
Бакет S3
-
Убедитесь, что вы пополнили баланс на сумму 200 ₽. Это нужно, чтобы процесс создания CDN-ресурса запустился. Деньги останутся на балансе.
-
В панели управления в верхнем меню нажмите Продукты и выберите CDN.
-
Нажмите Создать ресурс.
-
Выберите тип оптимизации раздачи контента:
-
статика — если через CDN нужно раздавать веб-файлы, которые используются для отображения на сайте: изображения, стили, скрипты, небольшие видео, текстовые файлы (HTML, CSS, JS и другие);
-
или большие файлы (больше 20 МБ) — если через CDN нужно раздавать длинные видео или файлы, которые пользователь будет скачивать: дистрибутивы, архивы, образы дисков. CDN будет загружать такие файлы с источника контента по частям, а не целиком. По умолчанию размер одной части (слайса) — 16 МБ, вы можете изменить размер слайса после создания CDN-ресурса.
Вы можете изменить тип оптимизации после создания CDN-ресурса.
-
-
В поле Адрес введите домен или IP-адрес источника контента.
-
Нажмите Создать. Для CDN-ресурса будет сгенерирован домен по умолчанию вида
*.selcdn.net. Вы можете оставить домен по умолчанию или добавить персональный домен.
2. Опционально: добавить персональный домен к CDN-ресурсу
Мы рекомендуем раздавать контент через персональный домен. Использование сторонних доменов может затруднить продвижение сайта и повлиять на порядок в поисковой выдаче.
- Если у вас еще нет домена, который вы хотите использовать в качестве персонального, зарегистрируйте домен.
- Создайте CNAME-запись в DNS-хостинге.
- Добавьте персональный домен в панели управления.
- Добавьте SSL-сертификат к CDN-ресурсу.
- Замените домен в ссылках на сайте.
1. Зарегистрировать домен
Если у вас есть домен, перейдите на этап 2.
Если домена нет, зарегистрируйте его у доменного регистратора.
Вы можете зарегистрировать домен в зонах .ru и .рф через сервис Домены в Selectel.
2. Создать CNAME-запись в DNS-хостинге
В качестве персонального домена можно использовать только поддомен для основного домена, например cdn.example.com для example.com.
Использовать основной домен в качестве персонального нельзя.
-
Откройте редактирование ресурсных записей домена:
- если вы делегировали домен в Selectel, перейдите в панель управления Selectel: в верхнем меню нажмите Продукты → DNS-хостинг → раздел Доменные зоны;
- если вы делегировали домен в сторонний DNS-хостинг, перейдите в панель управления этого DNS-хостинга.
-
Создайте ресурсную запись. Если вы делегировали домен в Selectel, используйте инструкцию Добавить ресурсную запись. Укажите:
-
тип записи — CNAME;
-
имя записи — поддомен вида
cdn.example.com; -
значение — домен по умолчанию вида
*.selcdn.net. Указывайте домен без протокола, напримерcdn.example.com. Допускается длина каждого уровня домена — 63 символа. Длина всех уровней не должна превышать 253 символа.Посмотреть домен по умолчанию можно в панели управления: в верхнем меню нажмите Продукты → CDN → раздел CDN-ресурсы → домен будет указан в строке CDN-ресурса.
-
3. Добавить персональный домен в панели управления
-
В панели управления в верхнем меню нажмите Продукты и выберите CDN.
-
В разделе CDN-ресурсы откройте страницу ресурса → вкладка Основное.
-
В блоке Персональный домен нажмите Добавить персональный домен.
-
Введите персональный домен, для которого создали CNAME-запись на этапе 2. Если у вас кириллический домен, сначала конвертируйте его в Punycode. Например, для
сдн.пример.рфнужно указатьxn--d1ask.xn--e1afmkfd.xn--p1ai. Можно использовать любой Punycode-конвертер. -
Нажмите Применить. Во время применения настроек ресурс будет находиться в статусе
PROCESSING. В это время применение других настроек недоступно. Настройки применятся, когда ресурс перейдет в статусACTIVE.
4. Добавить SSL-сертификат к CDN-ресурсу
-
В панели управления в верхнем меню нажмите Продукты и выберите CDN.
-
Перейдите в раздел Сертификаты для CDN-ресурсов.
-
Если вы хотите выпустить сертификат Let's Encrypt:
3.1. В меню выберите Выпустить Let's Encrypt сертификат.
3.2. Выберите CDN-ресурс, для которого нужно выпустить сертификат.
3.3. Нажмите Выпустить.
-
Если вы хотите загрузить персональный сертификат:
4.1. В меню выберите Загрузить персональный сертификат.
4.2. Укажите имя сертификата. Имя будет использоваться только в панели управления.
4.3. Добавьте сертификат для домена. Он должен начинаться с
-----BEGIN CERTIFICATE-----и заканчиваться-----END CERTIFICATE-----.Вы можете добавить цепочку сертификатов (основной сертификат для домена, промежуточные и корневой) — убедитесь, что они создают полную цепочку. Значение
Issuerосновного сертификата должно совпадать со значениемSubjectпервого промежуточного сертификата, значениеIssuerпервого промежуточного сертификата — сSubjectвторого промежуточного и так далее.4.4. Добавьте приватный ключ. Он должен начинаться с
-----BEGIN PRIVATE KEY-----и заканчиваться-----END PRIVATE KEY-----.4.5. Нажмите Загрузить.
-
Перейдите в раздел CDN-ресурсы.
-
Откройте страницу CDN-ресурса → вкладка Сертификаты.
-
Отметьте чекбокс Раздача по HTTPS через CNAME.
-
В поле Сертификат выберите сертификат, который выпустили на шаге 3 или загрузили на шаге 4.
-
Нажмите Применить. Во время применения настроек ресурс будет находиться в статусе
PROCESSING. В это время применение других настроек недоступно. Настройки применятся, когда ресурс перейдет в статусACTIVE.
5. Заменить домен в ссылках на сайте
Если ваш сайт работает на WordPress, интегрируйте CDN и WordPress.
Если при создании ресурса на этапе 1 вы выбрали свой источник контента, то в URL статических файлов сайта замените домен на персональный домен вида cdn.example.com, который указали на шаге 3 при создании CNAME-записи на этапе 2.
3. Интегрировать CDN и WordPress
Если ваш сайт работает не на WordPress, перейдите к проверке работы CDN-ресурса.
-
Перейдите в консоль администратора WordPress.
-
В левом меню перейдите в раздел Plugins.
-
В поисковой строке введите название плагина —
W3 Total Cache. -
В результатах поиска в карточке плагина W3 Total Cache нажмите Install Now → Activate.
-
В левом меню перейдите в раздел Performance → General Settings.
-
В блоке CDN отметьте чекбокс Enable.
-
В блоке CDN в поле CDN Type выберите Generic Mirror.
-
В блоке CDN нажмите Save all settings.
-
В левом меню перейдите в раздел Perfomance → CDN.
-
В блоке Configuration в поле SSL support выберите Auto (determine connection type automatically).
-
В блоке Configuration в поле Replace site's hostname with введите домен CDN-ресурса:
- если вы не добавляли персональный домен к CDN-ресурсу, укажите домен по умолчанию, который был автоматически сгенерирован при создании ресурса;
- если вы добавили персональный домен к CDN-ресурсу, укажите его.
Посмотреть домен по умолчанию и персональный домен можно в панели управления: в верхнем меню нажмите Продукты → CDN → раздел CDN-ресурсы → строка CDN-ресурса.
-
Нажмите Save all settings.
4. Проверить работу CDN-ресурса
Свой источник
S3
-
Дождитесь, когда CDN-ресурс начнет работать — перейдет в статус
ACTIVE. Обычно это занимает до 30 минут. -
Откройте файл, который должен отдать CDN, по ссылке на вашем сайте. Пример ссылки:
example.com/images/image.png.Если файл не открывается, проверьте работу сайта.
-
Откройте файл через домен по умолчанию по ссылке, например:
*.selcdn.net/images/image.png. Домен по умолчанию можно посмотреть в панели управления: в верхнем меню нажмите Продукты → CDN → CDN-ресурсы → в строке CDN-ресурса указан домен по умолчанию вида*.selcdn.net.Если файл не открывается, проверьте настройки CDN-ресурса и заголовка Host.
-
Если вы добавили персональный домен на этапе 2, откройте файл через персональный домен по ссылке. Пример ссылки:
cdn.example.com/images/image.png.Если файл не открывается, проверьте корректность CNAME-записи, которую вы создали на этапе 2.