Jinsi ya kutengeneza tovuti tuli kwenye Tovuti za Wafanyikazi wa Cloudflare

Habari! Jina langu ni Dima, mimi ni kiongozi wa kiufundi wa timu ya SysOps huko Wrike. Katika makala hii nitakuambia jinsi ya kufanya tovuti iwe karibu na mtumiaji iwezekanavyo katika dakika 10 na dola 5 kwa mwezi na automatiska kupelekwa kwake. Nakala hiyo haina uhusiano wowote na shida ambazo tunatatua ndani ya timu yetu. Hii ni uzoefu wangu wa kibinafsi na hisia za kujua teknolojia ambayo ni mpya kwangu. Nilijaribu kuelezea hatua kwa undani iwezekanavyo ili maagizo yawe muhimu kwa watu walio na uzoefu tofauti. Natumaini utafurahia. Nenda!

Kwa hivyo, labda tayari umepata njia rahisi na ya bei nafuu ya kukaribisha tovuti. Labda hata bure, kama ilivyoelezwa katika hili makala kubwa.

Lakini ghafla bado una kuchoka na unataka kugusa ulimwengu mpya wa teknolojia ya ujasiri? Hebu tuseme unafikiria kuhusu uwekaji kiotomatiki na ungependa kuharakisha tovuti yako iwezekanavyo? Katika makala hii tutatumia Hugo, lakini hii ni hiari.

Tunatumia Gitlab CI/CD kwa otomatiki, lakini vipi kuhusu kuongeza kasi? Wacha tupeleke tovuti moja kwa moja kwa Cloudflare kwa kutumia Maeneo ya Wafanyikazi.

Ni nini kinachohitajika kuanza:

• Gitlab (yako mwenyewe au mawingu)

• Akaunti ya kwenye Cloudflare

• Imesakinishwa nodejs/npm

Sehemu ya 1: Kusakinisha Hugo

Ikiwa tayari umesakinisha Hugo, au ikiwa unapendelea jenereta tofauti ya tovuti tuli (au usitumie moja kabisa), basi unaweza kuruka sehemu hii.

1. Pakua Hugo kutoka https://github.com/gohugoio/hugo/releases

2. Tunaweka faili inayoweza kutekelezwa ya Hugo kulingana na moja ya zile zilizofafanuliwa ndani PATH njia

3. Kuunda tovuti mpya: hugo new site blog.example.com

4. Badilisha saraka ya sasa kuwa mpya iliyoundwa: cd blog.example.com

5. Chagua mandhari ya kubuni (https://github.com/budparr/gohugo-theme-ananke/releases au chochote)

6. Wacha tuunde chapisho la kwanza: hugo new posts/my-amazing-post.md

7. Ongeza yaliyomo kwenye faili iliyoundwa: content/posts/my-amazing-post.md.
   Kila kitu kitakapokamilika, badilisha thamani ya rasimu iwe uongo

8. Inazalisha faili tuli: hugo -D

Sasa tovuti yetu tuli iko ndani ya saraka ./umma na tayari kwa matumizi yako ya kwanza ya mikono.

Sehemu ya 2: Kuanzisha Cloudflare

Sasa hebu tuangalie usanidi wa awali wa Cloudflare. Wacha tuchukue kuwa tayari tuna kikoa cha tovuti. Hebu tuchukue kwa mfano blog.example.com.

Hatua ya 1: Unda ingizo la DNS

Kwanza, chagua kikoa chetu, na kisha kipengee cha menyu DNS. Tunaunda rekodi A ya blogi na kuashiria IP ya uwongo kwa ajili yake (hii ndio rasmi mapendekezo, lakini wangeweza kuifanya kuwa nzuri zaidi).

Hatua ya 2: Tokeni ya Cloudflare

1. profile yangu -> Tokeni za API tab-> Tengeneza Tokeni -> Unda Tokeni Maalum

Hapa utahitaji kuweka kikomo tokeni kwa akaunti na kanda, lakini acha chaguo la Kuhariri kwa ruhusa zilizoorodheshwa kwenye picha.

Hifadhi ishara kwa siku zijazo, tutaihitaji katika sehemu ya tatu.

Hatua ya 3: Pata hesabu na eneo

Domain → Mapitio → [upau wa kando wa kulia]

Hizi ni zangu, usizitumie tafadhali :)

Wahifadhi karibu na ishara, tutawahitaji pia katika sehemu ya tatu.

Hatua ya 4: Washa Wafanyakazi

Domain → Wafanyakazi → Wafanyakazi wa Usimamizi

Tunachagua jina la kipekee na ushuru Wafanyakazi → Bila kikomo ($5 kwa mwezi leo). Ukipenda, unaweza kupata toleo jipya la toleo la bure baadaye.

Sehemu ya 3: Usambazaji wa kwanza (usambazaji kwa mikono)

Nilifanya upelekaji wa kwanza wa mwongozo ili kujua ni nini kilikuwa kikiendelea huko. Ingawa yote haya yanaweza kufanywa rahisi zaidi:

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

2. Wacha tuende kwenye saraka ya blogi yetu: cd blog.example.com

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

4. Unda usanidi wa wrangler (ingiza ishara ukiulizwa): wrangler config

Sasa hebu tujaribu kufanya mabadiliko kwenye faili mpya iliyoundwa mbishi.toml (hapa orodha kamili ya mipangilio inayowezekana):

1. Dhibitisho hesabu na zoneid

2. Tunabadilika njia kwa kitu kama *blog.example.com/*

3. Dhibitisho uongo kwa workersdev

4. Badilisha ndoo iwe ./public (au mahali tovuti yako tuli iko)

5. Ikiwa una kikoa zaidi ya moja kwenye njia, basi unapaswa kusahihisha njia kwenye hati inayofanya kazi: workers-site/index.js (tazama kipengele handleEvent)

Sawa, ni wakati wa kusambaza tovuti kwa kutumia timu wrangler publish.

Sehemu ya 4: Usambazaji otomatiki

Mwongozo huu umeandikwa kwa ajili ya Gitlab, lakini unanasa kiini na urahisi wa uwekaji kiotomatiki kwa ujumla.

Hatua ya 1: Unda na usanidi mradi wetu

1. Unda mradi mpya wa GitLab na upakie tovuti: saraka blog.example.com na yaliyomo yote lazima iwe kwenye saraka ya mizizi ya mradi

2. Tunaweka kutofautiana CAPITOKEN hapa: Mazingira → CI / CD → vigezo

Hatua ya 2: Unda faili ya .gitlab-ci.yml na utekeleze uwekaji wa kwanza

Unda faili .gitlab-ci.yml kwenye mzizi na maudhui yafuatayo:

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 #

Tunazindua uwekaji wa kwanza kwa mikono (CI/CD → Mabomba → Endesha bomba) au kwa kujitolea kwa tawi kuu. Voila!

Hitimisho

Kweli, labda niliipunguza kidogo, na mchakato mzima ulichukua zaidi ya dakika kumi. Lakini sasa una tovuti ya haraka iliyo na uwekaji kiotomatiki na mawazo mapya kuhusu kile kingine unachoweza kufanya na Wafanyakazi.

 Wafanyakazi wa Cloudflare    Hugo    GitLab Ci

Chanzo: mapenzi.com