🥇څنګه په کلاوډ فلیر کارګر سایټونو کې جامد ویب پا

سلام! زما نوم دیما دی، زه په Wrike کې د SysOps ټیم لپاره تخنیکي مشر یم. په دې مقاله کې به زه تاسو ته ووایم چې څنګه د 10 دقیقو او 5 ډالرو په میاشت کې د امکان تر حده کارونکي ته نږدې ویب پاڼه جوړه کړئ او د هغې ځای پرځای کول اتومات کړئ. مقاله تقریبا د هغه ستونزو سره هیڅ تړاو نلري چې موږ یې زموږ په ټیم کې حل کوو. دا زما شخصي تجربه او د ټیکنالوژۍ پیژندلو تاثیرات دي چې زما لپاره نوي دي. ما هڅه وکړه چې مرحلې د امکان تر حده په تفصیل سره تشریح کړم ترڅو لارښوونې د مختلف تجربو لرونکي خلکو لپاره ګټورې وي. امید لرم چې تاسو به خوند واخلئ. لاړ شه!

نو، شاید تاسو دمخه د ویب پاڼې کوربه کولو لپاره یو ساده او ارزانه لاره موندلې وي. شاید حتی وړیا، لکه څنګه چې پدې کې تشریح شوي عالي مقاله.

مګر ناڅاپه تاسو لاهم ستړي یاست او غواړئ د ټیکنالوژۍ زړورې نوې نړۍ ته لاس ورکړئ؟ راځئ چې ووایو تاسو د اتوماتیک ګمارلو په اړه فکر کوئ او غواړئ خپل سایټ څومره چې امکان ولري ګړندی کړئ؟ پدې مقاله کې به موږ وکاروو هوګوخو دا اختیاري ده.

موږ د اتومات لپاره Gitlab CI/CD کاروو، مګر د سرعت په اړه څه؟ راځئ چې سایټ مستقیم د Cloudflare په کارولو سره ځای په ځای کړو د کارګر سایټونه.

د پیل کولو لپاره څه اړین دي:

Gitlab (ستاسو خپل یا ورېځ)
ګڼون په Cloudflare کې
نصب شوی nodejs/npm

برخه 1: د هوګو نصب کول

که تاسو دمخه هوګو نصب کړی وي، یا که تاسو د مختلف جامد سایټ جنریټر غوره کوئ (یا په هیڅ ډول نه کاروئ)، نو تاسو کولی شئ دا برخه پریږدئ.

د هوګو څخه ډاونلوډ کړئ https://github.com/gohugoio/hugo/releases
موږ د هوګو د اجرا وړ فایل د یو له هغو څخه په کې تعریف شوي مطابق ځای په ځای کوو يونلور لارې
د نوي سایټ جوړول: hugo new site blog.example.com
اوسنی لارښود نوي جوړ شوي ته بدل کړئ: cd blog.example.com
د ډیزاین موضوع غوره کړئ (https://github.com/budparr/gohugo-theme-ananke/releases یا هر څه)
راځئ چې لومړی پوسټ جوړ کړو: hugo new posts/my-amazing-post.md
جوړ شوي فایل ته مینځپانګه اضافه کړئ: content/posts/my-amazing-post.md.
کله چې هرڅه ترسره شي، د مسودې ارزښت ته بدل کړئ غلط
د جامد فایلونو تولید: hugo -D

اوس زموږ جامد سایټ د لارښود دننه موقعیت لري ./عامه او ستاسو د لومړي لاسي ګمارنې لپاره چمتو دی.

2 برخه: د Cloudflare تنظیم کول

اوس راځئ چې د Cloudflare لومړني ترتیب وګورو. راځئ چې فرض کړو چې موږ دمخه د سایټ لپاره ډومین لرو. راځئ چې د مثال په توګه واخلو blog.example.com.

1 ګام: د DNS ننوتل جوړ کړئ

لومړی، زموږ ډومین غوره کړئ، او بیا د مینو توکي ډی. موږ یو بلاګ A-ریکارډ رامینځته کوو او د دې لپاره ځینې جعلي IP په ګوته کوو (دا رسمي دی سپارښتنه، مګر دوی کولی شي دا یو څه ښکلی کړي).

2 ګام: Cloudflare ټوکن

زما پېژنيال -> د API نښه tab-> ټوکن جوړ کړئ -> دودیز ټوکن جوړ کړئ

دلته تاسو اړتیا لرئ چې حسابونو او زونونو ته نښه محدوده کړئ، مګر په انځور کې لیست شوي اجازې لپاره د سمون اختیار پریږدئ.

د راتلونکي لپاره نښه خوندي کړئ، موږ به په دریمه برخه کې ورته اړتیا ولرو.

دریم ګام: حساب او زونیډ ترلاسه کړئ

Domain → عمومي کتنه → [ښي اړخ بار]

دا زما دي، لطفا یې مه کاروئ :)

دوی د نښه سره نږدې وساتئ، موږ به دوی ته په دریمه برخه کې هم اړتیا ولرو.

څلورم ګام: کارګران فعال کړئ

Domain → کارکوونکو → د کارمندانو اداره کول

موږ یو ځانګړی نوم او د تعرفې کارګران غوره کوو → لا محدود (نن ورځ هره میاشت $ 5). که تاسو وغواړئ، تاسو کولی شئ وروسته وړیا نسخه ته لوړ کړئ.

دریمه برخه: لومړی ګمارنه (د لاسي ګمارل)

ما لومړی لاسي ګمارنه ترسره کړه ترڅو ومومئ چې واقعیا هلته څه پیښیږي. که څه هم دا ټول په ساده ډول ترسره کیدی شي:

رینګلر نصب کړئ: npm i @cloudflare/wrangler -g
راځئ چې زموږ د بلاګ لارښود ته لاړ شو: cd blog.example.com
لانجه کوونکی: wrangler init — site hugo-worker
د رینګلر لپاره ترتیب جوړ کړئ (کله چې پوښتنه وشي نښه دننه کړئ): wrangler config

اوس راځئ هڅه وکړو چې نوي جوړ شوي فایل ته بدلون ورکړئ wrangler.toml (دلته د ممکنه ترتیباتو بشپړ لیست):

موږ اشاره کوو محاسبه او زونید
بدلون لاره یو څه ته لکه *blog.example.com/*
موږ اشاره کوو غلط لپاره کارګران
بالټ په ./public بدل کړئ (یا چیرې چې ستاسو جامد سایټ موقعیت لري)
که تاسو په لاره کې له یو څخه ډیر ډومین لرئ، نو تاسو باید په کاري سکریپټ کې لاره سمه کړئ: Workers-site/index.js (فکشن وګورئ اداره کول)

ښه، دا وخت دی چې د ټیم په کارولو سره سایټ ځای په ځای کړئ wrangler publish.

څلورمه برخه: د ځای پرځای کولو اتومات کول

دا لارښود د ګیټلاب لپاره لیکل شوی ، مګر دا په عمومي ډول د اتوماتیک ګمارنې جوهر او اسانتیا نیسي.

1 ګام: زموږ پروژه جوړه او تنظیم کړئ

د GitLab نوې پروژه جوړه کړئ او سایټ اپلوډ کړئ: لارښود blog.example.com د ټولو منځپانګو سره باید د پروژې په ریښه لارښود کې موقعیت ولري
موږ جوړه کړه متغیر CFAPITOKEN دلته: امستنې → CI / CD → ډولونه

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 → نل لیکې → پایپ لاین چلول) یا د ماسټر څانګې ته د ژمنتیا له لارې. وایلا!

پایلې

ښه، ما شاید دا یو څه درک کړي وي، او ټوله پروسه یوازې لس دقیقې وخت نیسي. مګر اوس تاسو د اتوماتیک ګمارنې سره ګړندی سایټ لرئ او د کارګرانو سره نور څه کولی شئ په اړه ځینې نوي نظرونه.

د Cloudflare کارګران هوګو GitLab Ci

سرچینه: www.habr.com

د Cloudflare کارمندانو سایټونو کې د جامد سایټ جوړولو څرنګوالی