Cloudflare Workers Sites တွင် static site တစ်ခုပြုလုပ်နည်း

မင်္ဂလာပါ! ကျွန်ုပ်၏အမည်မှာ Dima ဖြစ်ပြီး၊ ကျွန်ုပ်သည် Wrike ရှိ SysOps အဖွဲ့အတွက် နည်းပညာပိုင်းဆိုင်ရာ ဦးဆောင်သူဖြစ်သည်။ ဤဆောင်းပါးတွင်၊ အသုံးပြုသူနှင့် တတ်နိုင်သမျှ 10 မိနစ်နှင့် တစ်လလျှင် 5 ဒေါ်လာဖြင့် ဝဘ်ဆိုဒ်တစ်ခုကို မည်သို့ပြုလုပ်ရမည်ကို ပြောပြမည်ဖြစ်ပြီး ၎င်း၏ဖြန့်ကျက်မှုကို အလိုအလျောက်လုပ်ဆောင်နိုင်မည်ဖြစ်သည်။ ဆောင်းပါးသည် ကျွန်ုပ်တို့၏အဖွဲ့အတွင်း ဖြေရှင်းပေးသည့် ပြဿနာများနှင့် ဘာမှမဆိုင်ပါ။ ဤသည်မှာ ကျွန်ုပ်အတွက် အသစ်အဆန်းဖြစ်သော နည်းပညာတစ်ခုကို သိခွင့်ရခြင်း၏ ကိုယ်ပိုင်အတွေ့အကြုံနှင့် အထင်ကြီးစရာများဖြစ်သည်။ ညွှန်ကြားချက်များသည် မတူညီသောအတွေ့အကြုံရှိသူများ အတွက် အသုံးဝင်နိုင်စေရန် အဆင့်ဆင့်ကို အတတ်နိုင်ဆုံး အသေးစိတ်ဖော်ပြရန် ကြိုးစားခဲ့ပါသည်။ နှစ်သက်မယ်လို့ မျှော်လင့်ပါတယ်။ သွား!

ထို့ကြောင့်၊ သင်သည် ဝဘ်ဆိုဒ်တစ်ခုကို လက်ခံကျင်းပရန် ရိုးရှင်းပြီး စျေးသက်သာသော နည်းလမ်းကို သင်တွေ့ရှိပြီးဖြစ်ကောင်းဖြစ်နိုင်သည်။ ဤတွင်ဖော်ပြထားသည့်အတိုင်းအခမဲ့ပင်ဖြစ်နိုင်သည်။ ဆောင်းပါးကောင်း.

ဒါပေမယ့် သင်ရုတ်တရက် ငြီးငွေ့နေဆဲဖြစ်ပြီး သတ္တိရှိတဲ့ နည်းပညာကမ္ဘာသစ်ကို ထိတွေ့ချင်နေသလား။ အလိုအလျောက် ဖြန့်ကျက်ခြင်းအကြောင်း သင်စဉ်းစားနေပြီး သင့်ဆိုဒ်ကို တတ်နိုင်သမျှ အရှိန်မြှင့်လိုသည်ဟု ဆိုကြပါစို့။ ဤဆောင်းပါးတွင်ကျွန်ုပ်တို့အသုံးပြုပါမည်။ ဟူဂိုဒါပေမယ့် ဒါက ရွေးချယ်ခွင့်ပါ။

ကျွန်ုပ်တို့သည် အလိုအလျောက်လုပ်ဆောင်ရန်အတွက် Gitlab CI/CD ကိုအသုံးပြုသည်၊ သို့သော် အရှိန်မြှင့်ခြင်းနှင့်ပတ်သက်၍ကော။ ဆိုက်ကို Cloudflare ကိုအသုံးပြုပြီး တိုက်ရိုက်အသုံးပြုကြပါစို့ အလုပ်သမားဆိုဒ်များ.

စတင်ရန်ဘာလိုအပ်သနည်း။:

• Gitlab (သင်ကိုယ်တိုင် သို့မဟုတ် မိုးအုံ့နေသည်)

• အကောင့် Cloudflare တွင်

• တပ်ဆင်ထားသည်။ nodejs/npm

အပိုင်း 1- Hugo ကို ထည့်သွင်းခြင်း။

အကယ်၍ သင့်တွင် Hugo ကို ထည့်သွင်းထားပြီးဖြစ်ပါက သို့မဟုတ် မတူညီသော static site generator (သို့မဟုတ် လုံးဝအသုံးမပြုပါက)၊ ထို့နောက် ဤအပိုင်းကို ကျော်သွားနိုင်ပါသည်။

1. Hugo မှဒေါင်းလုဒ်လုပ်ပါ။ https://github.com/gohugoio/hugo/releases

2. သတ်မှတ်ထားသည့်အရာများထဲမှတစ်ခုအရ Hugo executable file ကိုကျွန်ုပ်တို့ထားရှိပါ။ PATH နည်းလမ်းများ

3. ဝဘ်ဆိုက်အသစ် ဖန်တီးနေသည်- hugo new site blog.example.com

4. လက်ရှိ လမ်းညွှန်ကို အသစ်ဖန်တီးထားသော တစ်ခုသို့ ပြောင်းပါ- cd blog.example.com

5. ဒီဇိုင်းအပြင်အဆင်ကို ရွေးပါ (https://github.com/budparr/gohugo-theme-ananke/releases ဘာပဲဖြစ်ဖြစ်)

6. ပထမဆုံး ပို့စ်ကို ဖန်တီးကြရအောင်။ hugo new posts/my-amazing-post.md

7. ဖန်တီးထားသောဖိုင်သို့ အကြောင်းအရာထည့်ပါ- content/posts/my-amazing-post.md.
   အားလုံးပြီးသောအခါ၊ မူကြမ်းတန်ဖိုးကို ပြောင်းပါ။ မမှန်သော

8. ပုံသေဖိုင်များကို ထုတ်ပေးနေသည်- hugo -D

ယခု ကျွန်ုပ်တို့၏ အငြိမ်ဆိုဒ်သည် လမ်းညွှန်တစ်ခုအတွင်းတွင် ရှိနေပါသည်။ ။/လူထု သင်၏ ပထမဆုံး လူကိုယ်တိုင် ဖြန့်ကျက်ခြင်းအတွက် အဆင်သင့်ဖြစ်နေပါပြီ။

အပိုင်း 2- Cloudflare ကို စနစ်ထည့်သွင်းခြင်း။

ယခု Cloudflare ၏ ကနဦးတပ်ဆင်မှုကို ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် ဆိုက်အတွက် ဒိုမိန်းတစ်ခု ရှိနေပြီဟု ယူဆကြပါစို့။ ဥပမာတစ်ခုအနေနဲ့ ယူကြည့်ရအောင် blog.example.com

အဆင့် 1- DNS entry ကိုဖန်တီးပါ။

ပထမဦးစွာ ကျွန်ုပ်တို့၏ဒိုမိန်းကို ရွေးပါ၊ ထို့နောက် မီနူးကို ရွေးချယ်ပါ။ DNS ကို. ကျွန်ုပ်တို့သည် ဘလော့ဂ် A-မှတ်တမ်းကို ဖန်တီးပြီး ၎င်းအတွက် စိတ်ကူးယဉ် IP အချို့ကို ညွှန်ပြပါ (၎င်းသည် တရားဝင်ဖြစ်သည်။ ထောက်ခံချက်ဒါပေမယ့် သူတို့က နည်းနည်း ပိုလှအောင် လုပ်ထားနိုင်တယ်။)

အဆင့် 2- Cloudflare တိုကင်

1. အကြှနျုပျ၏ကိုယ်ရေးဖိုင် -> API တိုကင်များ တက်ဘ်-> တိုကင်ဖန်တီးပါ။ -> စိတ်ကြိုက်တိုကင်ဖန်တီးပါ။

ဤနေရာတွင် သင်သည် တိုကင်နံပါတ်ကို အကောင့်များနှင့် ဇုန်များသို့ ကန့်သတ်ရန် လိုအပ်သော်လည်း ပုံတွင်ဖော်ပြထားသော ခွင့်ပြုချက်များအတွက် တည်းဖြတ်ခြင်းရွေးချယ်မှုကို ချန်ထားပါ။

အနာဂတ်အတွက် တိုကင်ကို သိမ်းဆည်းပါ၊ တတိယအပိုင်းတွင် ၎င်းကို လိုအပ်ပါမည်။

အဆင့် 3: စာရင်းကိုင်နှင့် zoneid ရယူပါ။

ဒိုမိန်း → ျခံဳငံုသံုးသပ္မႈ → [ညာဘက်ဘေးဘား]

ဒါ​တွေ ကျွန်​​တော်​တို့ မသုံးပါနဲ့ ​ကျေးဇူးပြုပြီး :)

၎င်းတို့ကို တိုကင်ဘေးတွင် သိမ်းဆည်းပါ၊ တတိယအပိုင်းတွင်လည်း ၎င်းတို့ကို လိုအပ်ပါမည်။

အဆင့် 4- အလုပ်သမားများကို အသက်သွင်းပါ။

ဒိုမိန်း → အလုပ်သမားများ → အလုပ်သမားများစီမံခန့်ခွဲပါ

ကျွန်ုပ်တို့သည် ထူးခြားသောအမည်နှင့် အကောက်ခွန်မဲ့ အလုပ်သမားများ → အကန့်အသတ်မရှိ (ယနေ့တစ်လလျှင် $5) ကို ရွေးချယ်ပါသည်။ ဆန္ဒရှိပါက၊ သင်သည် နောက်ပိုင်းတွင် အခမဲ့ဗားရှင်းသို့ အဆင့်မြှင့်နိုင်သည်။

အပိုင်း 3- ပထမဆုံး ဖြန့်ကျက်ခြင်း (လူကိုယ်တိုင် အသုံးချခြင်း)

အဲဒီမှာ တကယ်ဖြစ်ပျက်နေတာကို သိဖို့အတွက် ပထမဆုံး လူကိုယ်တိုင် ဖြန့်ကျက်မှုကို လုပ်ခဲ့တယ်။ ဒါတွေအားလုံးက ပိုရိုးရှင်းပေမယ့်

1. wrangler ကို ထည့်သွင်းပါ- npm i @cloudflare/wrangler -g

2. ကျွန်ုပ်တို့၏ဘလော့ဂ်လမ်းညွှန်သို့ သွားကြပါစို့။ cd blog.example.com

3. Wrangler ကို ပစ်လွှတ်ခြင်း- wrangler init — site hugo-worker

4. wrangler အတွက် config တစ်ခုဖန်တီးပါ (မေးသောအခါ တိုကင်ထည့်ပါ) wrangler config

အခု အသစ်ဖန်တီးထားတဲ့ ဖိုင်ကို အပြောင်းအလဲလုပ်ကြည့်ရအောင် wrangler.toml (ဒီမှာ ဖြစ်နိုင်သော ဆက်တင်များစာရင်း အပြည့်အစုံ--

1. ကျနော်တို့ဖော်ပြသည် စာရင်းကိုင်နှင့် zoneid

2. ပြောင်းပါ ခရီးစဉ် တစ်ခုခုကို *blog.example.com/*

3. ကျနော်တို့ဖော်ပြသည် မမှန်သော အတွက် အလုပ်သမားများဒဗ်

4. ပုံးကို ./public သို့ ပြောင်းပါ။ (သို့မဟုတ် သင့်အငြိမ်ဆိုဒ်တည်ရှိရာနေရာ)

5. သင့်တွင် လမ်းကြောင်းတစ်ခုထက်ပိုသော ဒိုမိန်းရှိပါက၊ အလုပ်လုပ်သော script တွင် လမ်းကြောင်းကို ပြင်သင့်သည်- အလုပ်သမား-ဆိုက်/index.js (လုပ်ဆောင်ချက်ကိုကြည့်ပါ။ handleEvent)

ကောင်းပြီ၊ အဖွဲ့ကို အသုံးပြု၍ ဆိုက်ကို ဖြန့်ကျက်ရန် အချိန်ရောက်ပြီ။ wrangler publish.

အပိုင်း 4- ဖြန့်ကျက်မှု အလိုအလျောက်စနစ်

ဤလမ်းညွှန်ချက်ကို Gitlab အတွက် ရေးသားထားသော်လည်း ယေဘုယျအားဖြင့် အလိုအလျောက် ဖြန့်ကျက်ခြင်း၏ အနှစ်သာရနှင့် လွယ်ကူမှုကို ဖမ်းစားပါသည်။

အဆင့် 1- ကျွန်ုပ်တို့၏ပရောဂျက်ကို ဖန်တီးပြီး ပြင်ဆင်သတ်မှတ်ပါ။

1. GitLab ပရောဂျက်အသစ်တစ်ခုဖန်တီးပြီး ဆိုက်-လမ်းညွှန်ကို အပ်လုဒ်လုပ်ပါ။ blog.example.com အကြောင်းအရာအားလုံးနှင့်အတူ project root directory တွင်တည်ရှိရပါမည်။

2. ငါတို့သတ်မှတ် ပြောင်းလဲနိုင်သော CFAPITOKEN ဤနေရာတွင်: သတ်မှတ်ချက်များ → CI/CD → variables ကို

အဆင့် 2- .gitlab-ci.yml ဖိုင်ကို ဖန်တီးပြီး ပထမဆုံး ဖြန့်ကျက်မှုကို လုပ်ဆောင်ပါ။

ဖိုင်တစ်ခုဖန်တီးပါ။ .gitlab-ci.yml root တွင် အောက်ပါအကြောင်းအရာများဖြင့်

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 #

ကျွန်ုပ်တို့သည် ပထမဆုံး ဖြန့်ကျက်မှုကို ကိုယ်တိုင်စတင်လုပ်ဆောင်သည် (CI/CD → ပိုက်လိုင်းများ → ပိုက်လိုင်းသွယ်တန်းခြင်း) သို့မဟုတ် သခင်အခက်ကို အပ်နှံခြင်းဖြင့်၊ ကဲ ဒါဆိုရင်တော့!

ကောက်ချက်

ကောင်းပြီ၊ ငါက အဲဒါကို နည်းနည်းလေး နားလည်ထားပြီး လုပ်ငန်းစဉ်တစ်ခုလုံးက ဆယ်မိနစ်ကျော်လောက်ပဲ ကြာတယ်။ သို့သော် ယခုတွင် သင့်တွင် အလိုအလျောက် ဖြန့်ကျက်အသုံးပြုနိုင်သည့် လျင်မြန်သော ဝဘ်ဆိုက်တစ်ခုရှိပြီး အလုပ်သမားများနှင့် သင်လုပ်ဆောင်နိုင်သည့် အခြားအရာများနှင့်ပတ်သက်သည့် ဆန်းသစ်သော အကြံဉာဏ်အချို့ရှိသည်။

 Cloudflare အလုပ်သမားများ    ဟူဂို    GitLab Ci

source: www.habr.com