Conas suíomh statach a dhéanamh ar Láithreáin Oibrithe Cloudflare

Dia dhuit! Dima is ainm dom, táim i mo cheannaire teicniúil ar fhoireann SysOps ag Wrike. San Airteagal seo inseoidh mé duit conas suíomh Gréasáin a dhéanamh chomh gar don úsáideoir agus is féidir i 10 nóiméad agus 5 dollar in aghaidh na míosa agus a imscaradh a uathoibriú. Níl baint beagnach ag an alt leis na fadhbanna a réitímid laistigh dár bhfoireann. Is é seo mo thaithí phearsanta agus mo thuairimí ar eolas a chur ar theicneolaíocht atá nua domsa. Rinne mé iarracht cur síos a dhéanamh ar na céimeanna chomh mion agus ab fhéidir ionas go mbeadh na treoracha úsáideach do dhaoine a bhfuil taithí éagsúil acu. Tá súil agam go mbainfidh tú taitneamh as. Téigh!

Conas suíomh statach a dhéanamh ar Láithreáin Oibrithe Cloudflare

Mar sin, b’fhéidir go bhfuil bealach simplí agus saor aimsithe agat cheana féin chun suíomh Gréasáin a óstáil. B'fhéidir fiú saor in aisce, mar a thuairiscítear i seo alt iontach.

Ach go tobann tá tú fós leamh agus ba mhaith leat teagmháil a dhéanamh le saol cróga nua na teicneolaíochta? Ligean le rá go bhfuil tú ag smaoineamh ar imscaradh uathoibrithe agus gur mhaith leat do shuíomh a bhrostú oiread agus is féidir? San Airteagal seo úsáidfimid Hugo, ach tá sé seo roghnach.

Bainimid úsáid as Gitlab CI/CD le haghaidh uathoibriú, ach cad faoi luasghéarú? Déanaimis an suíomh a imscaradh go díreach chuig Cloudflare ag baint úsáide as Láithreáin Oibrithe.

Cad atá ag teastáil le tosú:

Cuid 1: Suiteáil Hugo

Má tá Hugo suiteáilte agat cheana féin, nó más fearr leat gineadóir suímh statach eile (nó mura n-úsáideann tú ceann ar chor ar bith), is féidir leat an chuid seo a scipeáil.

  1. Íosluchtaigh Hugo ar an ríomhaire https://github.com/gohugoio/hugo/releases

  2. Cuirimid an comhad inrite Hugo de réir ceann amháin díobh sin atá sainmhínithe i PATH bealaí

  3. Suíomh nua á chruthú: hugo new site blog.example.com

  4. Athraigh an t-eolaire reatha go dtí an ceann nuachruthaithe: cd blog.example.com

  5. Roghnaigh téama dearaidh (https://github.com/budparr/gohugo-theme-ananke/releases nó pé rud)

  6. Cruthaimis an chéad phostáil: hugo new posts/my-amazing-post.md

  7. Cuir ábhar leis an gcomhad cruthaithe: ábhar/posts/my-amazing-post.md.
    Nuair a bhíonn gach rud déanta, athraigh an dréachtluach go bréagach

  8. Comhaid statacha á nginiúint: hugo -D

Anois tá ár suíomh statach suite laistigh d'eolaire ./poiblí agus réidh le haghaidh do chéad imscaradh láimhe.

Cuid 2: Cloudflare a chur ar bun

Anois, déanaimis féachaint ar shocrú tosaigh Cloudflare. Glacaimis leis go bhfuil fearann ​​againn don suíomh cheana féin. Glacaimis mar shampla blog.sampla.com.

Céim 1: Cruthaigh iontráil DNS

Ar dtús, roghnaigh ár bhfearann, agus ansin an mhír roghchláir DNS. Cruthaímid blag A-taifead agus cuirimid roinnt IP bréige in iúl dó (is é seo an t-oifigeach moladh, ach d'fhéadfaidís é a dhéanamh níos deise).

Conas suíomh statach a dhéanamh ar Láithreáin Oibrithe Cloudflare

Céim 2: Cloudflare Token

  1. Mo phróifíl -> Comharthaí API cluaisín-> Cruthaigh Token -> Cruthaigh Comhartha Saincheaptha

Conas suíomh statach a dhéanamh ar Láithreáin Oibrithe Cloudflare

Anseo beidh ort an comhartha a theorannú go cuntais agus criosanna, ach fág an rogha Edit do na ceadanna atá liostaithe sa phictiúr.

Sábháil an comhartha don todhchaí, beidh sé de dhíth orainn sa tríú cuid.

Céim 3: Faigh cuntasach agus zoneid

Fearann Forbhreathnú → [barra taoibh dheis]

Conas suíomh statach a dhéanamh ar Láithreáin Oibrithe CloudflareIs liomsa iad seo, ná húsáid iad le do thoil :)

Iad a shábháil in aice leis an comhartha, beidh orainn freisin iad sa tríú cuid.

Céim 4: Gníomhachtaigh Oibrithe

Fearann Oibrithe Bainistigh Oibrithe

Roghnaímid ainm uathúil agus taraif Oibrithe → Gan Teorainn ($ 5 in aghaidh na míosa inniu). Más mian leat, is féidir leat a uasghrádú go dtí an leagan saor in aisce níos déanaí.

Cuid 3: An chéad imscaradh (imscaradh láimhe)

Rinne mé an chéad imscaradh láimhe chun a fháil amach cad a bhí ar siúl ansin i ndáiríre. Cé gur féidir é seo go léir a dhéanamh níos simplí:

  1. Suiteáil wrangler: npm i @cloudflare/wrangler -g

  2. Rachaimid chuig eolaire ár mblag: cd blog.example.com

  3. Seoltóir: wrangler init — site hugo-worker

  4. Cruthaigh cumraíocht le haghaidh wrangler (cuir isteach an comhartha nuair a iarrtar ort): wrangler config

Anois déanaimis iarracht athruithe a dhéanamh ar an gcomhad nuachruthaithe wrangler.toml (anseo liosta iomlán de na socruithe féideartha):

  1. Cuirimid in iúl cuntasach agus zoneid

  2. Athraigh bealach le rud éigin cosúil le *blog.example.com/*

  3. Cuirimid in iúl bréagach le haghaidh oibrithedev

  4. Athraigh buicéad go ./poiblí (nó an áit a bhfuil do shuíomh statach suite)

  5. Má tá níos mó ná fearann ​​amháin agat sa chonair, ba cheart duit an chonair sa script oibre a cheartú: oibrithe-suíomh/innéacs.js (féach feidhm láimhseáilImeacht)

Go hiontach, tá sé in am an suíomh a imscaradh ag baint úsáide as an bhfoireann wrangler publish.

Cuid 4: Uathoibriú imlonnaithe

Scríobhadh an treoir seo do Gitlab, ach áiríonn sé bunbhrí agus éascaíocht imlonnaithe uathoibrithe go ginearálta.

Céim 1: Cruthaigh agus cumraigh ár dtionscadal

  1. Cruthaigh tionscadal nua GitLab agus uaslódáil an suíomh: eolaire blog.sampla.com agus ní mór gach inneachar a bheith suite i bhfréamheolaire an tionscadail

  2. leagamar athróg CFAPITOKEN anseo: Socruithe CI / CDAthróga

Céim 2: Cruthaigh comhad .gitlab-ci.yml agus rith an chéad imscaradh

Cruthaigh comhad .gitlab-ci.yml sa fhréamh leis an ábhar seo a leanas:

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 #

Seolaimid an chéad imscaradh de láimh (CI/CD Píblínte Rith Píblíne) nó trí ghealltanas a thabhairt don mháistir-bhrainse. Voila!

Conclúid

Bhuel, b'fhéidir gur chuir mé beagán faoi deara é, agus thóg an próiseas ar fad díreach os cionn deich nóiméad. Ach anois tá suíomh tapa agat le himscaradh uathoibríoch agus roinnt smaointe úra faoi cad eile is féidir leat a dhéanamh le Oibrithe.

 Oibrithe Cloudflare    Hugo    GitLab Ci

Foinse: will.com

Add a comment