🥇Carane nggawe situs statis ing Situs Cloudflare Workers

Hi! Jenengku Dima, aku dadi pimpinan teknologi kanggo tim SysOps ing Wrike. Ing artikel iki, aku bakal ngandhani sampeyan carane nggawe situs web sing paling cedhak karo pangguna lan ngotomatisasi panyebaran ing 10 menit lan $ 5 saben wulan. Artikel kasebut meh ora ana hubungane karo masalah sing kita rampungake ing tim kita. Nanging, iki pengalaman lan kesan pribadiku amarga ngerti teknologi anyar kanggo aku. Aku nyoba njlèntrèhaké langkah-langkah kanthi rinci supaya instruksi kasebut migunani kanggo wong sing duwe tingkat pengalaman sing beda-beda. Mugi sampeyan seneng. Ayo budal!

Dadi, mungkin sampeyan wis nemokake cara sing gampang lan murah kanggo dadi tuan rumah situs web. Mungkin malah sing gratis, kaya sing diterangake ing iki artikel apik.

Nanging kepiye yen sampeyan isih bosen lan pengin njaluk tangan sampeyan ing jagad teknologi anyar sing wani? Ngomong sampeyan mikir babagan ngotomatisasi penyebaran lan pengin nyepetake situs sampeyan sabisa-bisa? Ing artikel iki, kita bakal nggunakake Hugo, nanging iki ora perlu.

Kita nggunakake Gitlab CI / CD kanggo otomatisasi, nanging babagan akselerasi? Ayo nyebarake situs kasebut langsung menyang Cloudflare nggunakake Situs Pekerja.

Apa sing dibutuhake kanggo miwiti:

Gitlab (dhewe utawa mendhung)
akun ing Cloudflare
Dipasang nodejs/npm

Part 1: Nginstal Hugo

Yen sampeyan wis nginstal Hugo, utawa yen sampeyan seneng generator situs statis liyane (utawa ora digunakake ing kabeh), sampeyan bisa ngliwati bagean iki.

Download Hugo saka https://github.com/gohugoio/hugo/releases
Selehake file eksekusi Hugo ing salah sawijining sing ditetepake PATH dalan
Kita nggawe situs web anyar: hugo new site blog.example.com
Ngganti direktori saiki dadi sing mung digawe: cd blog.example.com
Pilih tema desain (https://github.com/budparr/gohugo-theme-ananke/releases utawa apa wae)
Ayo nggawe kirim pisanan: hugo new posts/my-amazing-post.md
Tambah konten menyang file sing digawe: content/posts/my-amazing-post.md.
Nalika kabeh wis rampung, ngganti nilai konsep kanggo palsu
Gawe file statis: hugo -D

Saiki situs statis kita ana ing direktori ./umum lan siap kanggo penyebaran manual pisanan.

Part 2: Nggawe Cloudflare

Saiki ayo goleki persiyapan awal Cloudflare. Ayo nganggep yen kita wis duwe domain kanggo situs kasebut. Minangka conto, ayo njupuk blog.example.com.

Langkah 1: Nggawe rekaman DNS

Pisanan kita milih domain kita, banjur item menu DNS. Kita nggawe blog A-record lan nemtokake sawetara IP fiktif kanggo iku (iki resmi rekomendasi, nanging dheweke bisa nggawe katon luwih apik).

Langkah 2: Cloudflare Token

Profile -> token API tab-> Nggawe Token -> Nggawe Custom Token

Ing kene sampeyan kudu matesi token menyang akun lan zona, nanging ninggalake opsi Sunting kanggo ijin sing kadhaptar ing gambar.

Simpen token kanggo referensi mangsa, kita bakal perlu ing bagean telu.

Langkah 3: Entuk accountid lan zoneid

domain → Ringkesan → [bar sisih tengen]

Iki duweku, aja nganggo :)

Simpen ing jejere token, kita uga butuh ing bagean katelu.

Langkah 4: Aktifake Pekerja

domain → Buruh → Ngatur Buruh

Pilih jeneng unik lan Workers → rencana Unlimited ($ 5 saben sasi dina iki). Yen pengin, sampeyan bisa ngalih menyang versi gratis mengko.

Bagean 3: Panyebaran Kapisan (Panyebaran Manual)

Aku nindakake penyebaran pisanan kanthi manual kanggo ngerteni apa sing kedadeyan ing kana. Sanajan kabeh iki bisa ditindakake kanthi luwih gampang:

Nginstal wrangler: npm i @cloudflare/wrangler -g
Ayo menyang direktori blog kita: cd blog.example.com
Bukak wrangler: wrangler init — site hugo-worker
Gawe konfigurasi kanggo wrangler (ketik token nalika dijaluk): wrangler config

Saiki ayo nyoba ngganti file sing lagi wae digawe. wrangler.toml (kene dhaptar lengkap setelan sing bisa ditindakake):

Indikasi accountid lan zoneid
Kita ganti rute soko kaya *blog.example.com/*
Indikasi palsu kanggo buruhdev
Ganti ember dadi ./public (utawa ing ngendi situs statis sampeyan dumunung)
Yen sampeyan duwe luwih saka siji domain ing path, sampeyan kudu mbenerake path ing script digunakake: buruh-situs/index.js (ndeleng fungsi nanganiAcara)

Apik, wektu kanggo nyebarake situs nggunakake printah wrangler publish.

Part 4: Ngotomatisasi Penyebaran

Tutorial iki ditulis kanggo Gitlab, nanging entuk inti lan kesederhanaan panyebaran otomatis ing umum.

Langkah 1: Nggawe lan ngatur proyek kita

Nggawe proyek GitLab anyar lan upload situs: direktori blog.example.com karo kabeh isi kudu dumunung ing direktori ROOT saka project
We takon variabel CFAPITOKEN kene: Setelan → CI / CD → Variabel

Langkah 2: Nggawe file .gitlab-ci.yml lan mbukak penyebaran pisanan

Nggawe file .gitlab-ci.yml ing ROOT karo isi ing ngisor iki:

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 #

Ayo mbukak penyebaran pisanan kanthi manual (CI/CD → Pipa → Run Pipeline) utawa kanthi ngirim komitmen menyang cabang master. Voila!

kesimpulan

Inggih, Mungkin aku understated dicokot, lan kabèh proses njupuk sethitik liwat sepuluh menit. Nanging saiki sampeyan duwe situs cepet kanthi penyebaran otomatis lan sawetara gagasan anyar kanggo apa liyane sing bisa dilakoni karo Workers.

Pekerja Cloudflare Hugo GitLab C

Source: www.habr.com