Как бесплатно развернуть статический сайт с помощью платформы приложений DigitalOcean

Платформа приложений — это новое предложение платформы как услуги (PaaS) от DigitalOcean. Он позволяет отправлять код в производство без настройки какой-либо инфраструктуры. App Platform подключается к репозиториям GitHub и GitLab для автоматической сборки и развертывания ваших проектов.

DigitalOcean запустила платформу приложений в октябре 2020 года, заявив, что хочет «переосмыслить» концепцию PaaS. App Platform — это полностью управляемое решение, которое поддерживает большинство популярных языков, предоставляет автоматический сертификат HTTPS и предлагает горизонтальное и вертикальное масштабирование.

Создание вашего сайта

В этом руководстве мы покажем вам, как вы можете использовать бесплатный план Starter для создания и развертывания статического веб-сайта, не беспокоясь об инфраструктуре. Вы можете запустить до трех сайтов бесплатно. Дополнительные сайты можно приобрести либо путем перехода на более высокий уровень, либо заплатив фиксированную сумму 3 доллара США в месяц за сайт.

Первый шаг прост: вам нужно создать свой статический сайт! App Platform поддерживает большинство популярных генераторов статики, таких как Gatsby, Hugo и Jekyll. Вы также можете использовать обычный HTML и CSS без процесса сборки.

Для этого урока мы используем базовый сайт Jekyll. Если вы просто хотите продолжить, вы можете разветвить одно из примеров приложений DigitalOcean. После того, как вы создали свой сайт, не забудьте отправить свой код в репозиторий Git в своей учетной записи GitHub или GitLab.

Подключение DigitalOcean к вашему репозиторию

Когда вы будете готовы к развертыванию, войдите в свою учетную запись DigitalOcean. Нажмите ссылку «Приложения» на левой боковой панели. Затем нажмите синюю кнопку «Запустить приложение».

Теперь вам нужно подключить App Platform к вашей учетной записи GitHub или GitLab. Нажмите кнопку, которая относится к вам. Следуйте инструкциям, чтобы пройти аутентификацию и разрешить DigitalOcean доступ к вашим репозиториям. Затем вы будете перенаправлены обратно в DigitalOcean.

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

Настройка вашего приложения

На следующем экране начните с присвоения имени вашему приложению. Это отображается в пользовательском интерфейсе DigitalOcean. Обычно рекомендуется совпадать с именем вашего репозитория Git.

Используйте раскрывающееся меню, чтобы выбрать регион центра обработки данных DigitalOcean для развертывания. На момент написания статьи App Platform поддерживали только регионы Нью-Йорк, Амстердам и Франкфурт. Обычно следует выбирать центр обработки данных, географически ближайший к вашим пользователям.

Теперь вам нужно выбрать ветку для развертывания. Значение по умолчанию master должно быть правильным для большинства проектов. Вы можете изменить это, чтобы легко развернуть предварительную версию вашего проекта, например ветку staging или test.

Последний параметр «Авторазвертывание изменений кода» определяет, должен ли DigitalOcean автоматически обновлять ваше приложение. Когда эта функция включена, App Platform будет отслеживать ваш репозиторий Git. Он автоматически запустит новое развертывание, когда новый код будет объединен в выбранную вами ветку. Вам нужно будет вручную инициировать каждое новое развертывание, если вы не включите этот параметр.

Когда вы нажмете «Далее», DigitalOcean просканирует ваш репозиторий, чтобы выяснить, как он построен. В нашем случае App Platform обнаружила, что мы развертываем сайт Jekyll. Команда сборки была заполнена автоматически.

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

Разверните свое приложение

Нажмите кнопку «Далее», чтобы завершить развертывание приложения. Вам нужно будет подтвердить уровень платформы приложений, на который вы хотите выполнить развертывание. Убедитесь, что выбран бесплатный начальный план (или переключитесь на платный план, если хотите), и проверьте отображаемую ежемесячную стоимость приложения. Наконец, нажмите синюю кнопку «Запустить начальное приложение», чтобы начать развертывание.

Развертывание может занять несколько минут. Платформе приложений необходимо создать ваш сайт, запустив в нашем случае компилятор Jekyll, прежде чем вводить его в инфраструктуру DigitalOcean. Прогресс будет отображаться на панели управления проекта.

В конце концов вы увидите зеленое сообщение «Успешно развернуто». Теперь ваше приложение развернуто в облаке DigitalOcean! Щелкните ссылку «Live App», чтобы просмотреть свое развертывание. Вам будет назначен случайный субдомен ondigitalocean.app. В нашем случае теперь мы можем видеть домашнюю страницу Jekyll по умолчанию.

Управление вашим приложением

Теперь ваше приложение работает, вы можете использовать панель инструментов для мониторинга и управления им. На вкладке «Обзор» можно проверить время последнего развертывания и просмотреть краткую статистику работоспособности.

Чтобы получить более подробную информацию, нажмите на вкладку «Статистика». Это отображает графики показателей, которые регистрируют пропускную способность CDN вашего приложения. Используйте вкладку «Развертывания» для просмотра истории развертываний. Это покажет одно событие «начального развертывания» для начала. Он будет заполняться новыми журналами по мере выполнения дополнительных развертываний.

Теперь вы можете попробовать обновить приложение. Измените файл в своем репозитории, создайте коммит Git и отправьте его в ветку, из которой вы развертываете. Если вы включили автоматическое развертывание, DigitalOcean обнаружит событие push и автоматически повторно развернет. В течение нескольких минут ваши изменения вступят в силу!

Добавление домена

Платформа приложений имеет встроенную поддержку пользовательского домена. Среда ondigitalocean.app, которую вы получаете по умолчанию, вряд ли будет полезна, если не считать первоначальных экспериментов.

Перейдите на вкладку «Настройки» на панели инструментов вашего приложения. Затем нажмите ссылку «Изменить» рядом с заголовком «Домены». Нажмите кнопку «Добавить домен» и введите домен, который хотите использовать.

На следующем экране следуйте инструкциям, чтобы связать свой домен с развертыванием App Platform. Если вы используете серверы имен DigitalOcean, соответствующие записи DNS будут добавлены автоматически. В противном случае вам придется вручную скопировать отображаемые записи DNS в интерфейс настроек DNS вашего регистратора.

Нажмите «Добавить домен», чтобы привязать домен к вашему приложению. Вы сможете использовать его для доступа к развертыванию, как только разрешение DNS будет настроено правильно. DigitalOcean автоматически получит SSL-сертификат для вашего сайта.

Заключение

Платформа приложений DigitalOcean — новый претендент в пространстве PaaS. Он позволяет развертывать приложения из репозитория Git, не задумываясь об инфраструктуре. Вы подключаете свою учетную запись, выбираете свой репозиторий и следуете инструкциям, чтобы разместить свой код в Интернете.

Мы рассмотрели только самое простое развертывание, статический сайт без внешних зависимостей. App Platform также можно использовать для размещения серверных служб и баз данных с аналогичной простотой использования. Каждое приложение может включать в себя несколько компонентов, таких как PHP API, статический интерфейс и базу данных. Используя панель управления, вы можете просматривать журналы своих служб и получать интерактивный консольный доступ к запущенным компонентам.

За кулисами ваш код автоматически контейнеризуется с помощью Docker. Затем он развертывается в кластерах Kubernetes, управляемых DigitalOcean. Использование App Platform позволяет вам сосредоточиться на своем коде и продолжать создавать функции, не беспокоясь об инфраструктуре и развертывании.