Хостинг в S3 от Яндекса
6 мин.

Хостинг в S3 от Яндекса

Сегодня я расскажу как использовать сервис Yandex Object Storage для хостинга статических сайтов. Итак, для того чтобы начать, нам необходимо:

  • Зайти в облачную консоль управления Yandex Cloud.

  • Авторизоваться или, если у вас ещё нет аккаунта, зарегистрироваться.

  • Среди списка сервисов выбрать и перейти на страницу Object Storage.

    Список сервисов

Сервис Object Storage — это универсальный и масштабируемый сервис для хранения данных, подходящий как для высоконагруженных систем с быстрым доступом к информации, так и для менее требовательных проектов. С его помощью можно хранить данные в виде объектов с текстовым идентификатором, использовать разные классы хранилищ, управлять жизненным циклом объектов, работать с большими объектами размером в несколько терабайт и публиковать статические веб-сайты. HTTP API сервиса совместим с API Amazon S3, что позволяет использовать разнообразные инструменты для работы с объектными хранилищами. В этой статье мы как раз остановимся на публикации статических сайтов.

Yandex Object Storage

Для того чтобы захостить сайт необходимо сделать 3 вещи:

Создание бакета

Итак, для того чтобы разместить свой статический сайт в бакете Object Storage необходимо:

Нажать создать бакет.

Бакет - это логическая сущность, которая помогает организовать хранение объектов.

Создание бакета

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

Загрузка объектов

После загрузки должно получиться что-то в этом роде.

Загруженные объекты

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

Далее переходим на вкладку Веб-сайт.

Вкладка Веб-сайт

Если у вас ещё нет доменов в Cloud DNS, то система предложит вам создать их.

Пустые домены

Нажимаем создать запись и попадаем на страницу создания записи.

Создание записи

Нажимаем создать зону и создаём зону DNS.

Создание зоны

После этого нажимаем сохранить и создаём ресурсную запись в этой зоне.

Создание ресурсной записи

Добавляем указатель на файл с главной страницей сайта и нажимаем сохранить.

В итоге должно получиться как-то так.

Подключение HTTPS

Результат создания домена

Далее переходим на вкладку HTTPS.

Вкладка HTTPS

Видим сообщение о том что у нас ещё нет конфигурации HTTPS.

Нет конфигурации HTTPS

Нажимаем настроить и попадаем на выбор источника сертификата.

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

Выбор источника сертификата

Переходим в Certificate Manager.

Certificate Manager

Нажимаем добавить сертификат. Выбираем опцию Сертификат от Let's Encrypt.

Добавление сертификата

Заполняем необходимые данные для сертификата и нажимаем создать.

Заполненный сертификат

Далее заходим в сертификат.

И видим что для проверки прав на домен необходимо создать ресурсные записи CNAME либо TXT со специальным кодом проверки.

Нажимаем Создать запись.

Проверка прав на домены

Так как мы уже создали зону DNS, то все данные подтянутся автоматически. Нам лишь остаётся нажать на кнопку Создать.

Создание ресурсной записи

После этого придётся подождать пока произойдёт проверка валидности записей, и сертификат будет выпущен.

Обычно этот процесс занимает 15-20 минут, но теоретически может идти и до суток.

Возвращаемся на вкладку HTTPS в настройках нашего бакета.

И выбираем созданный сертификат.

Выбор сертификата

Должно получиться как-то так.

Результат добавления сертификата

Итак, если вы всё настроили правильно, то через пару минут ваш сайт станет доступен по вашему доменному имени по протоколу HTTPS! 🎉

С чем я вас и поздравляю 🤝

Подписывайтесь на мой Youtube канал и на Telegram 🙂

Поделиться

Поддержать автора

Вам может быть интересно:

Next.js + Yandex Object Storage = Не работают ссылки

Next.js + Yandex Object Storage = Не работают ссылки

3 мин.

Очень часто при попытке хостить Next.js приложение использующее App Router в S3 бакете можно столкнуться с тем что страницы приложения не открываются при заходе по прямой ссылке...

Проверяю новую идею для стартапа (collabic.ru)

Проверяю новую идею для стартапа (collabic.ru)

6 мин.

До того как я придумал и открыл свой предыдущий стартап - unasprazdnik.ru, умные люди советовали мне присмотреться к другой идее...