Cloudflare വർക്കേഴ്സ് സൈറ്റുകളിൽ ഒരു സ്റ്റാറ്റിക് സൈറ്റ് എങ്ങനെ നിർമ്മിക്കാം

ഹലോ! എന്റെ പേര് ദിമ, ഞാൻ റൈക്കിലെ SysOps ടീമിന്റെ സാങ്കേതിക ലീഡാണ്. ഈ ലേഖനത്തിൽ, ഒരു വെബ്‌സൈറ്റ് എങ്ങനെ 10 മിനിറ്റിലും 5 ഡോളറിലും ഒരു മാസത്തിനുള്ളിൽ ഉപയോക്താവിനോട് കഴിയുന്നത്ര അടുപ്പിക്കുകയും അതിന്റെ വിന്യാസം ഓട്ടോമേറ്റ് ചെയ്യുകയും ചെയ്യുന്നത് എങ്ങനെയെന്ന് ഞാൻ നിങ്ങളോട് പറയും. ഞങ്ങളുടെ ടീമിനുള്ളിൽ ഞങ്ങൾ പരിഹരിക്കുന്ന പ്രശ്‌നങ്ങളുമായി ലേഖനത്തിന് ഏതാണ്ട് ഒരു ബന്ധവുമില്ല. ഇത് എന്റെ വ്യക്തിപരമായ അനുഭവവും എനിക്ക് പുതിയ ഒരു സാങ്കേതികവിദ്യയെ പരിചയപ്പെടാനുള്ള മതിപ്പുമാണ്. വ്യത്യസ്ത അനുഭവങ്ങളുള്ള ആളുകൾക്ക് നിർദ്ദേശങ്ങൾ ഉപയോഗപ്രദമാകുന്നതിന്, ഘട്ടങ്ങൾ കഴിയുന്നത്ര വിശദമായി വിവരിക്കാൻ ഞാൻ ശ്രമിച്ചു. നിങ്ങൾ ആസ്വദിക്കുമെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. പോകൂ!

അതിനാൽ, ഒരു വെബ്‌സൈറ്റ് ഹോസ്റ്റുചെയ്യുന്നതിനുള്ള ലളിതവും വിലകുറഞ്ഞതുമായ മാർഗ്ഗം നിങ്ങൾ ഇതിനകം കണ്ടെത്തിയിരിക്കാം. ഇതിൽ വിവരിച്ചിരിക്കുന്നതു പോലെ ഒരുപക്ഷെ സൗജന്യം പോലും വലിയ ലേഖനം.

എന്നാൽ പെട്ടെന്ന് നിങ്ങൾക്ക് ഇപ്പോഴും ബോറടിക്കുകയും സാങ്കേതികവിദ്യയുടെ ധീരമായ പുതിയ ലോകത്തെ സ്പർശിക്കാൻ ആഗ്രഹിക്കുകയും ചെയ്യുന്നുണ്ടോ? വിന്യാസം യാന്ത്രികമാക്കുന്നതിനെക്കുറിച്ച് നിങ്ങൾ ചിന്തിക്കുകയാണെന്നും നിങ്ങളുടെ സൈറ്റ് കഴിയുന്നത്ര വേഗത്തിലാക്കാൻ ആഗ്രഹിക്കുന്നുവെന്നും പറയട്ടെ? ഈ ലേഖനത്തിൽ ഞങ്ങൾ ഉപയോഗിക്കും ഹ്യൂഗോ, എന്നാൽ ഇത് ഓപ്ഷണൽ ആണ്.

ഓട്ടോമേഷനായി ഞങ്ങൾ Gitlab CI/CD ഉപയോഗിക്കുന്നു, എന്നാൽ ത്വരിതപ്പെടുത്തലിന്റെ കാര്യമോ? ക്ലൗഡ്ഫ്ലെയറിലേക്ക് നേരിട്ട് സൈറ്റ് വിന്യസിക്കാം തൊഴിലാളി സൈറ്റുകൾ.

ആരംഭിക്കാൻ എന്താണ് വേണ്ടത്:

• Gitlab (നിങ്ങളുടെ സ്വന്തം അല്ലെങ്കിൽ മേഘാവൃതമായ)

• കണക്ക് ക്ലൗഡ്ഫ്ലെയറിൽ

• ഇൻസ്റ്റാൾ ചെയ്തു nodejs/npm

ഭാഗം 1: ഹ്യൂഗോ ഇൻസ്റ്റാൾ ചെയ്യുന്നു

നിങ്ങൾ ഇതിനകം ഹ്യൂഗോ ഇൻസ്‌റ്റാൾ ചെയ്‌തിട്ടുണ്ടെങ്കിൽ, അല്ലെങ്കിൽ മറ്റൊരു സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററാണ് നിങ്ങൾ തിരഞ്ഞെടുക്കുന്നതെങ്കിൽ (അല്ലെങ്കിൽ ഒരെണ്ണം ഉപയോഗിക്കാതിരിക്കുക), നിങ്ങൾക്ക് ഈ ഭാഗം ഒഴിവാക്കാം.

1. ഹ്യൂഗോ ഡൗൺലോഡ് ചെയ്യുക https://github.com/gohugoio/hugo/releases

2. നിർവചിച്ചിരിക്കുന്നവയിൽ ഒന്ന് അനുസരിച്ച് ഞങ്ങൾ ഹ്യൂഗോ എക്സിക്യൂട്ടബിൾ ഫയൽ സ്ഥാപിക്കുന്നു 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. സൃഷ്ടിച്ച ഫയലിലേക്ക് ഉള്ളടക്കം ചേർക്കുക: ഉള്ളടക്കം/പോസ്റ്റുകൾ/my-amazing-post.md.
   എല്ലാം ചെയ്തുകഴിഞ്ഞാൽ, ഡ്രാഫ്റ്റ് മൂല്യം ഇതിലേക്ക് മാറ്റുക തെറ്റായ

8. സ്റ്റാറ്റിക് ഫയലുകൾ സൃഷ്ടിക്കുന്നു: hugo -D

ഇപ്പോൾ ഞങ്ങളുടെ സ്റ്റാറ്റിക് സൈറ്റ് ഒരു ഡയറക്ടറിയിലാണ് സ്ഥിതി ചെയ്യുന്നത് ./പൊതു നിങ്ങളുടെ ആദ്യ മാനുവൽ വിന്യാസത്തിന് തയ്യാറാണ്.

ഭാഗം 2: Cloudflare സജ്ജീകരിക്കുന്നു

ഇനി നമുക്ക് Cloudflare-ന്റെ പ്രാരംഭ സജ്ജീകരണം നോക്കാം. സൈറ്റിനായി ഞങ്ങൾക്ക് ഇതിനകം ഒരു ഡൊമെയ്ൻ ഉണ്ടെന്ന് കരുതുക. നമുക്ക് ഒരു ഉദാഹരണമായി എടുക്കാം blog.example.com.

ഘട്ടം 1: ഒരു DNS എൻട്രി സൃഷ്‌ടിക്കുക

ആദ്യം, ഞങ്ങളുടെ ഡൊമെയ്ൻ തിരഞ്ഞെടുക്കുക, തുടർന്ന് മെനു ഇനം ഡിഎൻഎസ്. ഞങ്ങൾ ഒരു ബ്ലോഗ് എ-റെക്കോർഡ് സൃഷ്‌ടിക്കുകയും അതിനായി ചില സാങ്കൽപ്പിക ഐപി സൂചിപ്പിക്കുകയും ചെയ്യുന്നു (ഇത് ഔദ്യോഗികമാണ് ശുപാർശ, എന്നാൽ അവർക്ക് അത് കുറച്ചുകൂടി മനോഹരമാക്കാമായിരുന്നു).

ഘട്ടം 2: Cloudflare ടോക്കൺ

1. എന്റെ പ്രൊഫൈൽ -> API ടോക്കണുകൾ ടാബ്-> ടോക്കൺ സൃഷ്ടിക്കുക -> ഇഷ്‌ടാനുസൃത ടോക്കൺ സൃഷ്‌ടിക്കുക

ഇവിടെ നിങ്ങൾ അക്കൗണ്ടുകളിലേക്കും സോണുകളിലേക്കും ടോക്കൺ പരിമിതപ്പെടുത്തേണ്ടതുണ്ട്, എന്നാൽ ചിത്രത്തിൽ ലിസ്റ്റുചെയ്‌തിരിക്കുന്ന അനുമതികൾക്കായി എഡിറ്റ് ഓപ്ഷൻ വിടുക.

ഭാവിയിലേക്ക് ടോക്കൺ സംരക്ഷിക്കുക, മൂന്നാം ഭാഗത്തിൽ ഞങ്ങൾക്ക് അത് ആവശ്യമാണ്.

ഘട്ടം 3: അക്കൗണ്ടിഡും സോണൈഡും നേടുക

ഡൊമെയ്ൻ → പൊതു അവലോകനം → [വലത് സൈഡ്‌ബാർ]

ഇവ എന്റേതാണ്, ദയവായി അവ ഉപയോഗിക്കരുത് :)

അവ ടോക്കണിന് അടുത്തായി സംരക്ഷിക്കുക, ഞങ്ങൾക്ക് അവ മൂന്നാം ഭാഗത്തിലും ആവശ്യമാണ്.

ഘട്ടം 4: തൊഴിലാളികളെ സജീവമാക്കുക

ഡൊമെയ്ൻ → തൊഴിലാളി → തൊഴിലാളികളെ നിയന്ത്രിക്കുക

ഞങ്ങൾ ഒരു അദ്വിതീയ നാമവും താരിഫും തിരഞ്ഞെടുക്കുന്നു തൊഴിലാളികൾ → അൺലിമിറ്റഡ് (ഇന്ന് പ്രതിമാസം $5). നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് പിന്നീട് സൌജന്യ പതിപ്പിലേക്ക് അപ്ഗ്രേഡ് ചെയ്യാം.

ഭാഗം 3: ആദ്യ വിന്യാസം (മാനുവൽ വിന്യാസം)

അവിടെ യഥാർത്ഥത്തിൽ എന്താണ് സംഭവിക്കുന്നതെന്ന് കണ്ടെത്താൻ ഞാൻ ആദ്യത്തെ മാനുവൽ വിന്യാസം നടത്തി. ഇതെല്ലാം ലളിതമായി ചെയ്യാൻ കഴിയുമെങ്കിലും:

1. റാംഗ്ലർ ഇൻസ്റ്റാൾ ചെയ്യുക: npm i @cloudflare/wrangler -g

2. നമുക്ക് നമ്മുടെ ബ്ലോഗിന്റെ ഡയറക്ടറിയിലേക്ക് പോകാം: cd blog.example.com

3. റാംഗ്ലർ സമാരംഭിക്കുക: wrangler init — site hugo-worker

4. റാംഗ്ലറിനായി ഒരു കോൺഫിഗറേഷൻ സൃഷ്‌ടിക്കുക (ചോദിക്കുമ്പോൾ ടോക്കൺ നൽകുക): wrangler config

ഇനി പുതുതായി ഉണ്ടാക്കിയ ഫയലിൽ മാറ്റങ്ങൾ വരുത്താൻ ശ്രമിക്കാം wrangler.toml (ഇവിടെ സാധ്യമായ ക്രമീകരണങ്ങളുടെ പൂർണ്ണമായ ലിസ്റ്റ്):

1. സൂചിപ്പിക്കുക അക്കൗണ്ടിഡ്, സോണിഡ്

2. മാറ്റുക വഴി ഇതുപോലുള്ള ഒന്നിലേക്ക് *blog.example.com/*

3. സൂചിപ്പിക്കുക തെറ്റായ വേണ്ടി തൊഴിലാളിദേവ്

4. ബക്കറ്റ് ./public എന്നതിലേക്ക് മാറ്റുക (അല്ലെങ്കിൽ നിങ്ങളുടെ സ്റ്റാറ്റിക് സൈറ്റ് എവിടെയാണ് സ്ഥിതി ചെയ്യുന്നത്)

5. നിങ്ങൾക്ക് പാതയിൽ ഒന്നിലധികം ഡൊമെയ്‌നുകൾ ഉണ്ടെങ്കിൽ, പ്രവർത്തിക്കുന്ന സ്‌ക്രിപ്റ്റിലെ പാത നിങ്ങൾ ശരിയാക്കണം: തൊഴിലാളികൾ-site/index.js (ഫംഗ്ഷൻ കാണുക ഹാൻഡിൽ ഇവന്റ്)

കൊള്ളാം, ടീം ഉപയോഗിച്ച് സൈറ്റ് വിന്യസിക്കാനുള്ള സമയമാണിത് wrangler publish.

ഭാഗം 4: വിന്യാസം ഓട്ടോമേഷൻ

ഈ ഗൈഡ് ഗിറ്റ്‌ലാബിനായി എഴുതിയതാണ്, എന്നാൽ ഇത് പൊതുവായി ഓട്ടോമേറ്റഡ് വിന്യാസത്തിന്റെ സത്തയും എളുപ്പവും ഉൾക്കൊള്ളുന്നു.

ഘട്ടം 1: ഞങ്ങളുടെ പ്രോജക്‌റ്റ് സൃഷ്‌ടിക്കുകയും കോൺഫിഗർ ചെയ്യുകയും ചെയ്യുക

1. ഒരു പുതിയ GitLab പ്രോജക്റ്റ് സൃഷ്‌ടിച്ച് സൈറ്റ്: ഡയറക്ടറി അപ്‌ലോഡ് ചെയ്യുക blog.example.com എല്ലാ ഉള്ളടക്കങ്ങളും പ്രോജക്റ്റ് റൂട്ട് ഡയറക്ടറിയിൽ സ്ഥിതിചെയ്യണം

2. ഞങ്ങൾ സജ്ജമാക്കി വേരിയബിൾ CFAPITOKEN ഇവിടെ: ക്രമീകരണങ്ങൾ → സിഐ / സിഡി → വേരിയബിളുകൾ

ഘട്ടം 2: ഒരു .gitlab-ci.yml ഫയൽ സൃഷ്‌ടിച്ച് ആദ്യ വിന്യാസം പ്രവർത്തിപ്പിക്കുക

ഒരു ഫയൽ സൃഷ്ടിക്കുക .gitlab-ci.yml ഇനിപ്പറയുന്ന ഉള്ളടക്കമുള്ള റൂട്ടിൽ:

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 #

ഞങ്ങൾ ആദ്യ വിന്യാസം സ്വമേധയാ സമാരംഭിക്കുന്നു (സിഐ/സിഡി → പൈപ്പ്ലൈനുകൾ → പൈപ്പ്ലൈൻ പ്രവർത്തിപ്പിക്കുക) അല്ലെങ്കിൽ മാസ്റ്റർ ബ്രാഞ്ചിൽ പ്രതിബദ്ധതയോടെ. വോയില!

തീരുമാനം

ശരി, ഞാൻ ഇത് ചെറുതായി കുറച്ചുകാണിച്ചിരിക്കാം, മുഴുവൻ പ്രക്രിയയും വെറും പത്ത് മിനിറ്റിലധികം സമയമെടുത്തു. എന്നാൽ ഇപ്പോൾ നിങ്ങൾക്ക് സ്വയമേവയുള്ള വിന്യാസവും തൊഴിലാളികളുമായി മറ്റെന്താണ് ചെയ്യാനാകുമെന്നതിനെക്കുറിച്ചുള്ള ചില പുതിയ ആശയങ്ങളും ഉള്ള ഒരു ഫാസ്റ്റ് സൈറ്റുണ്ട്.

 ക്ലൗഡ്ഫ്ലെയർ തൊഴിലാളികൾ    ഹ്യൂഗോ    GitLab Ci

അവലംബം: www.habr.com