Cloudflare Workers Sites මත ස්ථිතික අඩවියක් සාදා ගන්නේ කෙසේද

ආයුබෝවන්! මගේ නම ඩීමා, මම Wrike හි SysOps කණ්ඩායමේ තාක්ෂණික නායකයෙක්. මෙම ලිපියෙන් මම ඔබට විනාඩි 10 කින් සහ මසකට ඩොලර් 5 කින් පරිශීලකයාට හැකි තරම් සමීප වෙබ් අඩවියක් සාදා එහි යෙදවීම ස්වයංක්‍රීය කරන්නේ කෙසේදැයි ඔබට කියමි. අපගේ කණ්ඩායම තුළ අප විසඳන ගැටළු සමඟ ලිපියේ කිසිදු සම්බන්ධයක් නැත. මෙය මගේ පුද්ගලික අත්දැකීමක් සහ මට අලුත් තාක්ෂණයක් ගැන දැනගැනීමේ හැඟීමකි. විවිධ අත්දැකීම් ඇති පුද්ගලයින්ට උපදෙස් ප්‍රයෝජනවත් වන පරිදි හැකිතාක් විස්තරාත්මකව පියවර විස්තර කිරීමට මම උත්සාහ කළෙමි. ඔබ භුක්ති විඳිනු ඇතැයි මම බලාපොරොත්තු වෙමි. යන්න!

එබැවින්, සමහර විට ඔබ දැනටමත් වෙබ් අඩවියක් සත්කාරකත්වය සඳහා සරල සහ ලාභදායී ක්රමයක් සොයාගෙන ඇත. මේකේ විස්තර කරලා තියෙන විදියට සමහර විට නොමිලේ පවා නියම ලිපිය.

නමුත් හදිසියේම ඔබට තවමත් කම්මැලි වී ඇති අතර නිර්භීත නව තාක්‍ෂණ ලෝකය ස්පර්ශ කිරීමට අවශ්‍යද? ඔබ යෙදවීම ස්වයංක්‍රීය කිරීම ගැන සිතමින් සිටින බවත් ඔබේ වෙබ් අඩවිය හැකිතාක් වේගවත් කිරීමට කැමති බවත් සිතමු? මෙම ලිපියෙන් අපි භාවිතා කරනු ඇත හූගෝ, නමුත් මෙය විකල්ප වේ.

අපි ස්වයංක්‍රීයකරණය සඳහා Gitlab CI/CD භාවිතා කරමු, නමුත් ත්වරණය ගැන කුමක් කිව හැකිද? අපි වෙබ් අඩවිය කෙලින්ම Cloudflare වෙත යොදවමු සේවක අඩවි.

ආරම්භ කිරීමට අවශ්ය දේ:

• Gitlab (ඔබගේම හෝ වළාකුළු)

• ගිණුම Cloudflare මත

• ස්ථාපනය කර ඇත nodejs/npm

1 කොටස: හියුගෝ ස්ථාපනය කිරීම

ඔබ දැනටමත් Hugo ස්ථාපනය කර ඇත්නම්, හෝ ඔබ වෙනත් ස්ථිතික අඩවි උත්පාදක යන්ත්‍රයකට කැමති නම් (නැතහොත් එකක් භාවිතා නොකරන්න), එවිට ඔබට මෙම කොටස මඟ හැරිය හැක.

1. හියුගෝ බාගන්න https://github.com/gohugoio/hugo/releases

2. අපි හියුගෝ ක්‍රියාත්මක කළ හැකි ගොනුව එහි අර්ථ දක්වා ඇති එකකට අනුව තබමු මාර්ගය ක්රම

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 හි මූලික සැකසුම. අපි හිතමු අපිට දැනටමත් site එකට domain එකක් තියෙනවා කියලා. අපි උදාහරණයක් ලෙස ගනිමු blog.example.com.

පියවර 1: DNS ප්‍රවේශයක් සාදන්න

පළමුව, අපගේ වසම තෝරන්න, ඉන්පසු මෙනු අයිතමය තෝරන්න DNS. අපි බ්ලොග් A-වාර්තාවක් නිර්මාණය කර ඒ සඳහා ව්‍යාජ IP කිහිපයක් දක්වන්නෙමු (මෙය නිල ය නිර්දේශය, ඒත් එයාලට ඒක ටිකක් ලස්සන කරන්න තිබුණා).

පියවර 2: Cloudflare ටෝකනය

1. මගේ තොරතුරු -> API ටෝකන ටැබ්-> ටෝකන් සාදන්න -> අභිරුචි ටෝකනය සාදන්න

මෙහිදී ඔබට ටෝකනය ගිණුම් සහ කලාපවලට සීමා කිරීමට අවශ්‍ය වනු ඇත, නමුත් පින්තූරයේ ලැයිස්තුගත කර ඇති අවසර සඳහා සංස්කරණ විකල්පය තබන්න.

අනාගතය සඳහා ටෝකනය සුරකින්න, අපට එය තුන්වන කොටසේදී අවශ්ය වනු ඇත.

පියවර 3: accountid සහ 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. අපි පෙන්වා දෙනවා ගිණුම්කරණ සහ කලාපීය

2. වෙනස් වීම මාර්ගය * වැනි දෙයකටblog.example.com/*

3. අපි පෙන්වා දෙනවා බොරු සඳහා කම්කරු දේව

4. බාල්දිය ./public ලෙස වෙනස් කරන්න (හෝ ඔබේ ස්ථිතික අඩවිය පිහිටා ඇති ස්ථානය)

5. ඔබට මාර්ගය තුළ වසම් එකකට වඩා තිබේ නම්, ඔබ වැඩ කරන ස්ක්‍රිප්ටයේ මාර්ගය නිවැරදි කළ යුතුය: කම්කරුවන්-site/index.js (කාර්යය බලන්න හැසිරවීම)

නියමයි, කණ්ඩායම භාවිතා කරමින් වෙබ් අඩවිය යෙදවීමට කාලයයි wrangler publish.

4 කොටස: යෙදවුම් ස්වයංක්‍රීයකරණය

මෙම මාර්ගෝපදේශය Gitlab සඳහා ලියා ඇත, නමුත් එය පොදුවේ ස්වයංක්‍රීය යෙදවීමේ සාරය සහ පහසුව ග්‍රහණය කරයි.

පියවර 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 #

අපි පළමු යෙදවීම අතින් දියත් කරමු (CI/CD → නල මාර්ග → නල මාර්ගය ධාවනය කරන්න) නැතිනම් මාස්ටර් ශාඛාවට කැපවීමෙන්. Voila!

නිගමනය

හොඳයි, මම එය තරමක් අවතක්සේරු කර ඇති අතර, සම්පූර්ණ ක්රියාවලිය විනාඩි දහයකට වඩා ගත විය. නමුත් දැන් ඔබට ස්වයංක්‍රීයව යෙදවීම සහිත වේගවත් වෙබ් අඩවියක් සහ කම්කරුවන් සමඟ ඔබට කළ හැකි වෙනත් දේ පිළිබඳ නැවුම් අදහස් කිහිපයක් තිබේ.

 Cloudflare කම්කරුවන්    හූගෝ    GitLab Ci

මූලාශ්රය: www.habr.com