Cara nggawe situs statis ing Situs Cloudflare Workers

Hello! Jenengku Dima, aku dadi pimpinan teknis kanggo tim SysOps ing Wrike. Ing artikel iki, aku bakal menehi pitutur marang kowe carane nggawe situs web sing paling cedhak karo pangguna sajrone 10 menit lan 5 dolar saben wulan lan ngotomatisasi penyebarane. Artikel kasebut meh ora ana hubungane karo masalah sing kita rampungake ing tim kita. Iki minangka pengalaman pribadi lan kesan kanggo ngerteni teknologi sing anyar kanggo aku. Aku nyoba njlèntrèhaké langkah-langkah kanthi rinci supaya instruksi kasebut migunani kanggo wong sing duwe pengalaman sing beda. Mugi sampeyan bakal seneng. Tindak!

Cara nggawe situs statis ing Situs Cloudflare Workers

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

Nanging dumadakan sampeyan isih bosen lan pengin ndemek jagad teknologi anyar sing wani? Contone, sampeyan mikir babagan ngotomatisasi penyebaran lan pengin nyepetake situs sampeyan sabisa-bisa? Ing artikel iki kita bakal nggunakake Hugo, nanging iki opsional.

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:

Part 1: Nginstal Hugo

Yen sampeyan wis nginstal Hugo, utawa luwih seneng generator situs statis sing beda (utawa ora nggunakake siji wae), sampeyan bisa ngliwati bagean iki.

  1. Download Hugo saka https://github.com/gohugoio/hugo/releases

  2. Kita nyelehake file eksekusi Hugo miturut salah sawijining sing ditetepake ing PATH cara

  3. Nggawe situs anyar: hugo new site blog.example.com

  4. Ganti direktori saiki dadi sing mentas digawe: cd blog.example.com

  5. Pilih tema desain (https://github.com/budparr/gohugo-theme-ananke/releases utawa apa wae)

  6. Ayo nggawe kirim pisanan: hugo new posts/my-amazing-post.md

  7. Tambah konten menyang file sing digawe: content/posts/my-amazing-post.md.
    Nalika kabeh wis rampung, ngganti nilai konsep kanggo palsu

  8. Nggawe file statis: hugo -D

Saiki situs statis kita dumunung ing sawijining direktori ./umum lan siap kanggo penyebaran manual pisanan sampeyan.

Part 2: Nggawe Cloudflare

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

Langkah 1: Nggawe entri DNS

Pisanan, pilih domain kita, banjur item menu DNS. Kita nggawe blog A-rekaman lan nuduhake sawetara IP fiktif kanggo iku (iki resmi rekomendasi, nanging dheweke bisa nggawe luwih ayu).

Cara nggawe situs statis ing Situs Cloudflare Workers

Langkah 2: Cloudflare Token

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

Cara nggawe situs statis ing Situs Cloudflare Workers

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

Simpen token kanggo masa depan, kita butuh ing bagean katelu.

Langkah 3: Entuk accountid lan zoneid

domain β†’ Ringkesan β†’ [bar sisih tengen]

Cara nggawe situs statis ing Situs Cloudflare WorkersIki duweku, aja nganggo :)

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

Langkah 4: Aktifake Pekerja

domain β†’ Buruh β†’ Ngatur Buruh

Kita milih jeneng unik lan tariff Workers β†’ Unlimited ($5 saben sasi dina iki). Yen sampeyan pengin, sampeyan bisa nganyarke menyang versi gratis.

Bagean 3: Panyebaran pisanan (penyebaran manual)

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

  1. Instal wrangler: npm i @cloudflare/wrangler -g

  2. Ayo menyang direktori blog kita: cd blog.example.com

  3. Bukak wrangler: wrangler init β€” site hugo-worker

  4. Gawe konfigurasi kanggo wrangler (ketik token nalika dijaluk): wrangler config

Saiki ayo nyoba ngowahi file sing mentas digawe wrangler.toml (kene dhaptar lengkap setelan sing bisa ditindakake):

  1. Indikasi accountid lan zoneid

  2. Owahi rute kanggo kaya *blog.example.com/*

  3. Indikasi palsu kanggo buruhdev

  4. Ganti ember dadi ./public (utawa ing ngendi situs statis sampeyan dumunung)

  5. Yen sampeyan duwe luwih saka siji domain ing path, sampeyan kudu mbenerake path ing script digunakake: buruh-situs/index.js (ndeleng fungsi nanganiAcara)

Apik banget, wektune kanggo nyebarake situs kasebut nggunakake tim wrangler publish.

Bagean 4: Otomasi panyebaran

Pandhuan iki ditulis kanggo Gitlab, nanging njupuk inti lan gampang penyebaran otomatis ing umum.

Langkah 1: Nggawe lan ngatur proyek kita

  1. Nggawe proyek GitLab anyar lan upload situs: direktori blog.example.com karo kabeh isi kudu dumunung ing direktori ROOT project

  2. We nyetel variabel CFAPITOKEN ing 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 #

Kita miwiti panyebaran pisanan kanthi manual (CI/CD β†’ Pipa β†’ Run Pipeline) utawa kanthi komitmen menyang cabang master. Voila!

kesimpulan

Inggih, aku bisa uga wis understated iku rada, lan kabèh proses njupuk mung liwat sepuluh menit. Nanging saiki sampeyan duwe situs cepet kanthi panyebaran otomatis lan sawetara gagasan anyar babagan apa sing bisa ditindakake karo Pekerja.

 Pekerja Cloudflare    Hugo    GitLab Ci

Source: www.habr.com

Add a comment