Kumaha carana ngadamel situs statik dina Situs Cloudflare Workers
Halo! Nami abdi Dima, abdi mangrupikeun kalungguhan téknis pikeun tim SysOps di Wrike. Dina tulisan ieu kuring bakal nyarioskeun ka anjeun kumaha cara ngadamel halaman wéb sacaketna ka pangguna dina 10 menit sareng 5 dolar sabulan sareng ngajadikeun otomatis panyebaranna. Tulisan éta ampir teu aya hubunganana sareng masalah anu kami rengsekeun dina tim kami. Ieu rada pangalaman pribadi kuring jeung tayangan dibere nyaho hiji téhnologi nu anyar keur kuring. Kuring nyobian ngajelaskeun léngkah-léngkah anu jéntré sabisa-bisa supados petunjukna tiasa mangpaat pikeun jalma anu gaduh pangalaman anu béda. Kuring miharep anjeun bakal ngarasakeun. indit!
Janten, panginten anjeun parantos mendakan cara anu saderhana sareng murah pikeun ngadamel halaman wéb. Panginten malah gratis, sakumaha anu dijelaskeun dina ieuartikel hébat.
Tapi ujug-ujug anjeun masih bosen sareng hoyong nyabak dunya téknologi anyar anu gagah? Anggap anjeun mikir ngeunaan ngajadikeun otomatis panyebaran sareng hoyong nyepetkeun situs anjeun sabisa-bisa? Dina artikel ieu kami bakal ngagunakeunHugo, tapi ieu pilihan.
Kami nganggo Gitlab CI / CD pikeun otomatisasi, tapi kumaha akselerasi? Hayu urang nyebarkeun situs langsung ka Cloudflare ngagunakeunSitus pagawe.
Upami anjeun parantos dipasang Hugo, atanapi upami anjeun resep generator situs statik anu béda (atanapi henteu nganggo pisan), teras anjeun tiasa ngalangkungan bagian ieu.
Hayu urang nyieun pos kahiji: hugo new posts/my-amazing-post.md
Tambahkeun eusi kana file dijieun: eusi / tulisan / abdi-endah-post.md. Lamun sagalana geus rengse, ngarobah nilai draf ka palsu
Ngahasilkeun file statik: hugo -D
Ayeuna situs statik kami aya di jero diréktori ./umum tur siap pikeun deployment manual munggaran anjeun.
Bagian 2: Nyetel Cloudflare
Ayeuna hayu urang tingali setelan awal Cloudflare. Hayu urang nganggap yen urang geus boga domain pikeun loka. Hayu urang nyandak sabagé conto blog.example.com.
Lengkah 1: Jieun entri DNS
Kahiji, pilih domain kami, lajeng item menu DNS. Kami nyieun blog A-catetan sareng nunjukkeun sababaraha IP fiktif pikeun éta (ieu resmirekomendasi, Tapi maranéhna bisa geus dijieun saeutik prettier).
Lengkah 2: Cloudflare Token
Propil My -> token API tab-> Jieun Token -> Jieun Token Adat
Di dieu anjeun kedah ngawatesan token kana akun sareng zona, tapi tinggalkeun pilihan Édit pikeun idin anu didaptarkeun dina gambar.
Simpen token pikeun masa depan, urang peryogi éta dina bagian katilu.
Lengkah 3: Cokot accountid na zoneid
domain → gambaran → [bar sisi katuhu]
Ieu milik kuring, tong dianggo punten :)
Simpen aranjeunna gigireun token, urang ogé bakal butuh aranjeunna dina bagian katilu.
Lengkah 4: Aktipkeun Pagawe
domain → pagawe → Ngatur Pagawe
Urang milih ngaran unik sarta Pagawe tarif → Unlimited ($ 5 per bulan kiwari). Upami anjeun hoyong, anjeun engké tiasa ningkatkeun ka versi gratis.
Bagian 3: Panyebaran munggaran (panyebaran manual)
Kuring ngalakukeun panyebaran manual anu munggaran pikeun milari naon anu leres-leres aya. Sanaos sadayana ieu tiasa dilakukeun langkung saderhana:
Pasang wrangler: npm i @cloudflare/wrangler -g
Hayu urang buka diréktori blog urang: cd blog.example.com
Peluncuran wrangler: wrangler init — site hugo-worker
Jieun config pikeun wrangler (asupkeun token lamun ditanya): wrangler config
Ayeuna hayu urang coba nyieun parobahan ka file nu anyar dijieun wrangler.toml (di dieu daptar lengkep ngeunaan kamungkinan setelan):
Sebutkeun accountid jeung zoneid
Robah rute kana hal kawas *blog.example.com/*
Sebutkeunpalsukeur pagawedev
Ganti ember ka ./public (atanapi dimana situs statik anjeun aya)
Upami anjeun gaduh langkung ti hiji domain dina jalur, maka anjeun kedah ngabenerkeun jalur dina naskah damel: pagawe-situs/index.js (tingali fungsi handleEvent)
Hébat, waktosna pikeun nyebarkeun situs nganggo timwrangler publish.
Bagian 4: Automation Deployment
Pituduh ieu ditulis pikeun Gitlab, tapi ngarebut hakekat sareng betah panyebaran otomatis sacara umum.
Lengkah 1: Jieun tur ngonpigurasikeun proyék kami
Jieun proyék GitLab anyar sareng unggah situs: diréktori blog.example.com kalawan sakabeh eusi kudu lokasina di diréktori root proyék
Urang aturvariabel CFAPITOKEN di dieu: setélan → CI / CD → variabel
Hambalan 2: Jieun file .gitlab-ci.yml tur ngajalankeun deployment munggaran
Jieun file .gitlab-ci.yml dina akar kalawan eusi handap:
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 #
Urang ngajalankeun deployment munggaran sacara manual (CI/CD → Pipelines → Jalankeun Pipa) atanapi ku komitmen ka cabang master. Voila!
kacindekan
Nya, kuring sigana rada ngahampura, sareng sadayana prosésna nyandak langkung ti sapuluh menit. Tapi ayeuna anjeun gaduh situs gancang kalayan panyebaran otomatis sareng sababaraha ideu seger ngeunaan naon anu anjeun tiasa laksanakeun sareng Pagawe.