Sut i wneud gwefan sefydlog ar Safleoedd Gweithwyr Cloudflare

Helo! Fy enw i yw Dima, rwy'n arweinydd technegol ar gyfer tîm SysOps yn Wrike. Yn yr erthygl hon byddaf yn dweud wrthych sut i wneud gwefan mor agos at y defnyddiwr â phosibl mewn 10 munud a 5 doler y mis ac awtomeiddio ei ddefnydd. Nid oes gan yr erthygl bron ddim i'w wneud â'r problemau rydyn ni'n eu datrys o fewn ein tîm. Yn hytrach, dyma fy mhrofiad personol ac argraffiadau o ddod i adnabod technoleg sy'n newydd i mi. Ceisiais ddisgrifio'r camau mor fanwl â phosibl fel y byddai'r cyfarwyddiadau yn ddefnyddiol i bobl â phrofiad gwahanol. Rwy'n gobeithio y byddwch yn mwynhau. Ewch!

Sut i wneud gwefan sefydlog ar Safleoedd Gweithwyr Cloudflare

Felly, efallai eich bod eisoes wedi dod o hyd i ffordd syml a rhad i gynnal gwefan. Efallai hyd yn oed am ddim, fel y disgrifir yn hyn erthygl wych.

Ond yn sydyn rydych chi'n dal wedi diflasu ac eisiau cyffwrdd â byd newydd dewr technoleg? Gadewch i ni ddweud eich bod chi'n meddwl am awtomeiddio defnydd ac yr hoffech chi gyflymu'ch gwefan gymaint â phosib? Yn yr erthygl hon byddwn yn defnyddio Hugo, ond mae hyn yn ddewisol.

Rydym yn defnyddio Gitlab CI/CD ar gyfer awtomeiddio, ond beth am gyflymu? Gadewch i ni ddefnyddio'r wefan yn uniongyrchol i Cloudflare gan ddefnyddio Safleoedd Gweithwyr.

Beth sydd ei angen i ddechrau:

Rhan 1: Gosod Hugo

Os oes gennych Hugo eisoes wedi'i osod, neu os yw'n well gennych generadur safle sefydlog gwahanol (neu os nad ydych yn defnyddio un o gwbl), yna gallwch hepgor y rhan hon.

  1. Lawrlwythwch Hugo o https://github.com/gohugoio/hugo/releases

  2. Rydym yn gosod y ffeil gweithredadwy Hugo yn ôl un o'r rhai a ddiffinnir yn PATH ffyrdd

  3. Creu gwefan newydd: hugo new site blog.example.com

  4. Newidiwch y cyfeiriadur presennol i'r un newydd: cd blog.example.com

  5. Dewiswch thema dylunio (https://github.com/budparr/gohugo-theme-ananke/releases neu beth bynnag)

  6. Gadewch i ni greu'r post cyntaf: hugo new posts/my-amazing-post.md

  7. Ychwanegu cynnwys i'r ffeil a grëwyd: content/posts/my-anhygoel-post.md.
    Pan fydd popeth wedi'i wneud, newidiwch y gwerth drafft i ffug

  8. Cynhyrchu ffeiliau statig: hugo -D

Nawr mae ein gwefan sefydlog wedi'i lleoli y tu mewn i gyfeiriadur ./cyhoeddus ac yn barod ar gyfer eich defnydd llaw cyntaf.

Rhan 2: Sefydlu Cloudflare

Nawr, gadewch i ni edrych ar y gosodiad cychwynnol o Cloudflare. Gadewch i ni dybio bod gennym ni barth ar gyfer y wefan yn barod. Gadewch i ni gymryd fel enghraifft blog.enghraifft.com.

Cam 1: Creu cofnod DNS

Yn gyntaf, dewiswch ein parth, ac yna'r eitem ddewislen DNS. Rydyn ni'n creu cofnod blog A ac yn nodi rhywfaint o IP ffug ar ei gyfer (dyma'r swyddog argymhelliad, ond gallent fod wedi ei wneud ychydig yn harddach).

Sut i wneud gwefan sefydlog ar Safleoedd Gweithwyr Cloudflare

Cam 2: Cloudflare Token

  1. Fy mhroffil -> Tocynnau API tab-> Creu Token -> Creu Tocyn Personol

Sut i wneud gwefan sefydlog ar Safleoedd Gweithwyr Cloudflare

Yma bydd angen i chi gyfyngu'r tocyn i gyfrifon a pharthau, ond gadewch yr opsiwn Golygu ar gyfer y caniatâd a restrir yn y llun.

Arbedwch y tocyn ar gyfer y dyfodol, bydd ei angen arnom yn y drydedd ran.

Cam 3: Cael accountid a zoneid

Parth Trosolwg → [bar ochr dde]

Sut i wneud gwefan sefydlog ar Safleoedd Gweithwyr CloudflareFy un i yw'r rhain, peidiwch â'u defnyddio os gwelwch yn dda :)

Arbedwch nhw wrth ymyl y tocyn, bydd eu hangen arnom ni hefyd yn y drydedd ran.

Cam 4: Ysgogi Gweithwyr

Parth Gweithwyr Gweithwyr Rheoli

Rydym yn dewis enw unigryw a thariff Gweithwyr → Unlimited ($ 5 y mis heddiw). Os dymunwch, gallwch chi uwchraddio i'r fersiwn am ddim yn ddiweddarach.

Rhan 3: Defnydd cyntaf (defnyddio â llaw)

Fe wnes i'r defnydd llaw cyntaf i ddarganfod beth oedd yn digwydd yno mewn gwirionedd. Er y gellir gwneud hyn i gyd yn symlach:

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

  2. Awn i gyfeiriadur ein blog: cd blog.example.com

  3. Lansio wrangler: wrangler init — site hugo-worker

  4. Creu ffurfwedd ar gyfer wrangler (nodwch y tocyn pan ofynnir i chi): wrangler config

Nawr, gadewch i ni geisio gwneud newidiadau i'r ffeil sydd newydd ei chreu wrangler.toml (yma rhestr lawn o osodiadau posib):

  1. Nodwch cyfrif a parthid

  2. Rydym yn newid llwybr i rywbeth fel *blog.example.com/*

  3. Nodwch ffug gyfer gweithwyrdev

  4. Newid bwced i ./cyhoeddus (neu ble mae eich safle sefydlog)

  5. Os oes gennych fwy nag un parth yn y llwybr, yna dylech gywiro'r llwybr yn y sgript weithredol: gweithwyr-safle/mynegai.js (gweler ffwythiant handleDigwyddiad)

Gwych, mae'n bryd defnyddio'r wefan gan ddefnyddio'r tîm wrangler publish.

Rhan 4: Awtomatiaeth lleoli

Ysgrifennwyd y canllaw hwn ar gyfer Gitlab, ond mae'n cyfleu hanfod a rhwyddineb defnydd awtomataidd yn gyffredinol.

Cam 1: Creu a ffurfweddu ein prosiect

  1. Creu prosiect GitLab newydd a lanlwytho'r cyfeiriadur site: blog.enghraifft.com gyda'r holl gynnwys rhaid ei leoli yng nghyfeiriadur gwraidd y prosiect

  2. Rydym yn gosod amrywiol CFAPITOKEN yma: Gosodiadau CI / CDNewidynnau

Cam 2: Creu ffeil .gitlab-ci.yml a rhedeg y gosodiad cyntaf

Creu ffeil .gitlab-ci.yml yn y gwraidd gyda'r cynnwys canlynol:

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 #

Rydym yn lansio'r gosodiad cyntaf â llaw (CI/CD Piblinellau Rhedeg Piblinell) neu trwy ymrwymo i'r brif gangen. Ystyr geiriau: Voila!

Casgliad

Wel, efallai fy mod wedi ei danddatgan ychydig, a chymerodd y broses gyfan ychydig dros ddeg munud. Ond nawr mae gennych chi wefan gyflym gyda defnydd awtomatig a rhai syniadau newydd am beth arall y gallwch chi ei wneud gyda Gweithwyr.

 Gweithwyr Cloudflare    Hugo    GitLab Ci

Ffynhonnell: hab.com

Ychwanegu sylw