ווי צו מאַכן אַ סטאַטיק פּלאַץ אויף Cloudflare וואָרקערס זייטלעך
Привет! Меня зовут Дима, я техлид SysOps-команды в Wrike. В этой статье я расскажу, как за 10 минут и 5 долларов в месяц сделать максимально близкий к пользователю сайт и автоматизировать его деплой. Статья почти не имеет отношения к тем проблемам, которые мы решаем внутри нашей команды. Это, скорее, мой личный опыт и впечатления от знакомства с новой для меня технологией. Я постарался описать шаги максимально подробно, чтобы инструкция оказалась полезной для людей с разным опытом. Надеюсь, вам понравится. Поехали!
Итак, возможно, вы уже нашли для себя простой и дешевый способ хостинга сайта. Может быть, даже бесплатный, как описано в этойпрекрасной статье.
Но вдруг вам все равно скучно и хочется прикоснуться к дивному новому миру технологий? Скажем, вы думаете об автоматизации развертывания и хотели бы по максимуму ускорить сайт? В этой статье мы будем использоватьהוגאָ, но это не обязательно.
Для автоматизации мы используем Gitlab CI/CD, но что делать с ускорением? Давайте развернем сайт напрямую в Cloudflare с помощьюWorker Sites.
Если у вас уже установлен Hugo или если вы предпочитаете другой генератор статических сайтов (или вообще не пользуетесь ими), то эту часть можно пропустить.
Создаем первый пост: hugo new posts/my-amazing-post.md
Добавляем контент в созданный файл: content/posts/my-amazing-post.md. Когда все сделано, меняем значение draft на פאַלש
Генерируем статические файлы: hugo -D
Теперь наш статический сайт находится внутри директории ./public и готов к первому ручному развертыванию.
Часть 2: Настраиваем Cloudflare
Теперь разберемся с первоначальной настройкой Cloudflare. Предположим, что домен для сайта у нас уже есть. В качестве примера возьмем blog.example.com.
Шаг 1: Создаем запись DNS
Сначала выбираем наш домен, а затем пункт меню דנס. Создаем A-запись blog и указываем для нее какой-нибудь фиктивный IP (это официальнаяרעקאָמענדאַציע, но они могли бы сделать как-то посимпатичней).
Шаг 2: Создаем файл .gitlab-ci.yml и запускаем первое развертывание
שאַפֿן אַ טעקע .גיטלאב-סי.ימל в корне со следующим содержимым:
stages:
- build
- deploy
build:
image: monachus/hugo
stage: build
variables:
GIT_SUBMODULE_STRATEGY: recursive
script:
- cd blog.example.com/
- hugo
artifacts:
paths:
- blog.example.com/public
only:
- master # this job will affect only the 'master' branch
tags:
- gitlab-org-docker #
deploy:
image: timbru31/ruby-node:2.3
stage: deploy
script:
- wget https://github.com/cloudflare/wrangler/releases/download/v1.8.4/wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
- tar xvzf wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
- cd blog.example.com/
- ../dist/wrangler publish
artifacts:
paths:
- blog.example.com/public
only:
- master # this job will affect only the 'master' branch
tags:
- gitlab-org-docker #
Запускаем первое развертывание вручную (סי / סי.די → פּיפּעלינעס → Run Pipeline) или отправляя commit в ветку master. Вуаля!
סאָף
Что ж, возможно, я слегка приуменьшил, и весь процесс занял чуть больше десяти минут. Зато теперь у вас есть быстрый сайт с автоматическим развертыванием и несколько свежих идей о том, что еще можно сделать с помощью Workers.