របៀបបង្កើតគេហទំព័រឋិតិវន្តនៅលើ Cloudflare Workers Sites

សួស្តី! ខ្ញុំឈ្មោះ ឌីម៉ា ខ្ញុំជាអ្នកដឹកនាំបច្ចេកទេសសម្រាប់ក្រុម SysOps នៅ Wrike ។ នៅក្នុងអត្ថបទនេះ ខ្ញុំនឹងប្រាប់អ្នកពីរបៀបបង្កើតគេហទំព័រឱ្យនៅជិតអ្នកប្រើប្រាស់តាមដែលអាចធ្វើទៅបានក្នុងរយៈពេល 10 នាទី និង 5 ដុល្លារក្នុងមួយខែ និងធ្វើឱ្យការប្រើប្រាស់របស់វាដោយស្វ័យប្រវត្តិ។ អត្ថបទនេះស្ទើរតែគ្មានអ្វីពាក់ព័ន្ធនឹងបញ្ហាដែលយើងដោះស្រាយនៅក្នុងក្រុមរបស់យើង។ នេះ​ជា​បទពិសោធន៍ និង​ចំណាប់​អារម្មណ៍​ផ្ទាល់​ខ្លួន​របស់​ខ្ញុំ​ក្នុង​ការ​ស្គាល់​បច្ចេកវិទ្យា​ដែល​ថ្មី​សម្រាប់​ខ្ញុំ។ ខ្ញុំបានព្យាយាមពិពណ៌នាជំហានឱ្យបានលម្អិតតាមដែលអាចធ្វើទៅបាន ដើម្បីឱ្យការណែនាំមានប្រយោជន៍សម្រាប់អ្នកដែលមានបទពិសោធន៍ផ្សេងៗគ្នា។ ខ្ញុំសង្ឃឹមថាអ្នកនឹងរីករាយ។ ទៅ!

ដូច្នេះ ប្រហែល​ជា​អ្នក​បាន​រក​ឃើញ​វិធី​សាមញ្ញ និង​ថោក​រួច​ហើយ​ក្នុង​ការ​បង្ហោះ​គេហទំព័រ។ ប្រហែលជាសូម្បីតែឥតគិតថ្លៃ ដូចដែលបានពិពណ៌នានៅក្នុងនេះ។ អត្ថបទដ៏អស្ចារ្យ.

ប៉ុន្តែភ្លាមៗនោះអ្នកនៅតែធុញទ្រាន់ហើយចង់ប៉ះពិភពថ្មីនៃបច្ចេកវិទ្យាដ៏ក្លាហាន? ចូរនិយាយថាអ្នកកំពុងគិតអំពីការដាក់ពង្រាយដោយស្វ័យប្រវត្តិ ហើយចង់បង្កើនល្បឿនគេហទំព័ររបស់អ្នកតាមដែលអាចធ្វើទៅបាន? នៅក្នុងអត្ថបទនេះយើងនឹងប្រើ ហ៊ូហ្គូប៉ុន្តែនេះគឺជាជម្រើស។

យើងប្រើ Gitlab CI/CD សម្រាប់ស្វ័យប្រវត្តិកម្ម ប៉ុន្តែចុះយ៉ាងណាចំពោះការបង្កើនល្បឿន? តោះដាក់ពង្រាយគេហទំព័រដោយផ្ទាល់ទៅ Cloudflare ដោយប្រើ កន្លែងធ្វើការ.

អ្វីដែលតម្រូវឱ្យចាប់ផ្តើម:

• Gitlab (ផ្ទាល់ខ្លួនរបស់អ្នកឬ ពពក)

• គណនី នៅលើ Cloudflare

• បានដំឡើង nodejs/npm

ផ្នែកទី 1: ការដំឡើង Hugo

ប្រសិនបើអ្នកបានដំឡើង Hugo រួចហើយ ឬប្រសិនបើអ្នកចូលចិត្តម៉ាស៊ីនបង្កើតគេហទំព័រឋិតិវន្តផ្សេង (ឬកុំប្រើវាទាំងអស់) នោះអ្នកអាចរំលងផ្នែកនេះ។

1. ទាញយក Hugo ពី https://github.com/gohugoio/hugo/releases

2. យើងដាក់ឯកសារដែលអាចប្រតិបត្តិបាន Hugo យោងទៅតាមឯកសារដែលបានកំណត់នៅក្នុង 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

ដំបូងជ្រើសរើសដែនរបស់យើង ហើយបន្ទាប់មកធាតុម៉ឺនុយ ឈ្មោះ DNS. យើងបង្កើតប្លក់ A-record ហើយចង្អុលបង្ហាញ IP ប្រឌិតមួយចំនួនសម្រាប់វា (នេះជាផ្លូវការ អនុសាសន៍ប៉ុន្តែពួកគេអាចធ្វើឱ្យវាកាន់តែស្អាតបន្តិច)។

ជំហានទី 2: Cloudflare Token

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 (បញ្ចូលសញ្ញាសម្ងាត់នៅពេលសួរ)៖ wrangler config

ឥឡូវ​យើង​ព្យាយាម​ធ្វើ​ការ​ផ្លាស់​ប្តូរ​ឯកសារ​ដែល​ទើប​បង្កើត​ថ្មី។ wrangler.toml (នៅទីនេះ បញ្ជីពេញលេញនៃការកំណត់ដែលអាចមាន)៖

1. ចង្អុលបង្ហាញ គណនេយ្យ និង zoneid

2. ផ្លាស់ប្តូរ ផ្លូវ ទៅនឹងអ្វីមួយដូចជា *blog.example.com/*

3. ចង្អុលបង្ហាញ មិនពិត សម្រាប់ កម្មករdev

4. ប្តូរធុងទឹកទៅជា ./public (ឬកន្លែងដែលគេហទំព័រឋិតិវន្តរបស់អ្នកស្ថិតនៅ)

5. ប្រសិនបើអ្នកមានដែនច្រើនជាងមួយនៅក្នុងផ្លូវ នោះអ្នកគួរតែកែផ្លូវនៅក្នុងស្គ្រីបដែលកំពុងដំណើរការ៖ workers-site/index.js (សូមមើលមុខងារ handleEvent)

ល្អណាស់ វាដល់ពេលដែលត្រូវដាក់ពង្រាយគេហទំព័រដោយប្រើក្រុម wrangler publish.

ផ្នែកទី 4: ការដាក់ឱ្យប្រើប្រាស់ស្វ័យប្រវត្តិកម្ម

មគ្គុទ្ទេសក៍នេះត្រូវបានសរសេរសម្រាប់ Gitlab ប៉ុន្តែវាចាប់យកខ្លឹមសារ និងភាពងាយស្រួលនៃការដាក់ពង្រាយដោយស្វ័យប្រវត្តិជាទូទៅ។

ជំហានទី 1: បង្កើត និងកំណត់រចនាសម្ព័ន្ធគម្រោងរបស់យើង។

1. បង្កើតគម្រោង GitLab ថ្មី ហើយបង្ហោះគេហទំព័រ៖ ថត blog.example.com ជាមួយនឹងមាតិកាទាំងអស់ត្រូវតែមានទីតាំងនៅក្នុងថតឯកសាររបស់គម្រោង

2. យើងកំណត់ អថេរ CFAPITOKEN នៅទីនេះ៖ ការកំណត់ → ស៊ីអាយ / ស៊ីឌី → អថេរ

ជំហានទី 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

ប្រភព: www.habr.com