🥇 Cloudflare ورکرز سائٹس پر ایک جامد ویب سائٹ کیسے بنائیں

ہیلو! میرا نام دیما ہے، میں Wrike میں SysOps ٹیم کے لیے ایک ٹیکنیکل لیڈ ہوں۔ اس آرٹیکل میں میں آپ کو بتاؤں گا کہ کس طرح ایک ویب سائٹ کو 10 منٹ اور 5 ڈالر ماہانہ میں صارف کے زیادہ سے زیادہ قریب بنایا جائے اور اس کی تعیناتی کو خودکار بنایا جائے۔ مضمون کا تقریباً ان مسائل سے کوئی تعلق نہیں ہے جو ہم اپنی ٹیم میں حل کرتے ہیں۔ بلکہ یہ میرا ذاتی تجربہ اور ایسی ٹیکنالوجی کو جاننے کے تاثرات ہیں جو میرے لیے نئی ہے۔ میں نے زیادہ سے زیادہ تفصیل سے اقدامات کو بیان کرنے کی کوشش کی تاکہ ہدایات مختلف تجربہ رکھنے والے لوگوں کے لیے کارآمد ثابت ہوں۔ مجھے امید ہے کہ آپ لطف اندوز ہوں گے۔ جاؤ!

تو، شاید آپ کو ویب سائٹ کی میزبانی کرنے کا ایک آسان اور سستا طریقہ مل گیا ہے۔ شاید مفت بھی، جیسا کہ اس میں بیان کیا گیا ہے۔ عظیم مضمون.

لیکن اچانک آپ اب بھی بور ہیں اور ٹیکنالوجی کی بہادر نئی دنیا کو چھونا چاہتے ہیں؟ آئیے کہتے ہیں کہ آپ خودکار تعیناتی کے بارے میں سوچ رہے ہیں اور اپنی سائٹ کو زیادہ سے زیادہ تیز کرنا چاہتے ہیں؟ اس مضمون میں ہم استعمال کریں گے۔ ہیوگولیکن یہ اختیاری ہے۔

ہم آٹومیشن کے لیے Gitlab CI/CD استعمال کرتے ہیں، لیکن ایکسلریشن کا کیا ہوگا؟ آئیے استعمال کرتے ہوئے سائٹ کو براہ راست Cloudflare پر تعینات کریں۔ ورکر سائٹس.

شروع کرنے کے لیے کیا ضروری ہے۔:

Gitlab (آپ کا اپنا یا ابر آلود)
اکاؤنٹ Cloudflare پر
انسٹال nodejs/npm

حصہ 1: ہیوگو انسٹال کرنا

اگر آپ نے پہلے ہی ہیوگو انسٹال کر رکھا ہے، یا اگر آپ ایک مختلف سٹیٹک سائٹ جنریٹر کو ترجیح دیتے ہیں (یا بالکل بھی استعمال نہیں کرتے ہیں)، تو آپ اس حصے کو چھوڑ سکتے ہیں۔

سے ہیوگو ڈاؤن لوڈ کریں۔ https://github.com/gohugoio/hugo/releases
ہم ہیوگو ایگزیکیوٹیبل فائل کو ان میں سے ایک کے مطابق رکھتے ہیں۔ PATH طریقے
ایک نئی سائٹ بنانا: 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 اندراج بنائیں

سب سے پہلے، ہمارا ڈومین منتخب کریں، اور پھر مینو آئٹم DNS. ہم ایک بلاگ A-ریکارڈ بناتے ہیں اور اس کے لیے کچھ فرضی IP بتاتے ہیں (یہ آفیشل ہے۔ سفارش، لیکن وہ اسے تھوڑا خوبصورت بنا سکتے تھے)۔

مرحلہ 2: Cloudflare ٹوکن

میری پروفائل -> API ٹوکنز ٹیب-> ٹوکن بنائیں -> حسب ضرورت ٹوکن بنائیں

یہاں آپ کو ٹوکن کو اکاؤنٹس اور زون تک محدود کرنے کی ضرورت ہوگی، لیکن تصویر میں درج اجازتوں کے لیے ترمیم کا اختیار چھوڑ دیں۔

مستقبل کے لیے ٹوکن محفوظ کریں، ہمیں تیسرے حصے میں اس کی ضرورت ہوگی۔

مرحلہ 3: اکاؤنٹڈ اور زونائڈ حاصل کریں۔

ڈومین → مجموعی جائزہ → [دائیں سائڈبار]

یہ میرے ہیں، براہ کرم ان کا استعمال نہ کریں :)

انہیں ٹوکن کے آگے محفوظ کریں، ہمیں تیسرے حصے میں بھی ان کی ضرورت ہوگی۔

مرحلہ 4: کارکنوں کو فعال کریں۔

ڈومین → ورکرز → ورکرز کا انتظام کریں

ہم ایک منفرد نام اور ٹیرف ورکرز → لامحدود ($5 فی مہینہ آج) کا انتخاب کرتے ہیں۔ اگر آپ چاہیں تو، آپ بعد میں مفت ورژن میں اپ گریڈ کر سکتے ہیں۔

حصہ 3: پہلی تعیناتی (دستی تعیناتی)

میں نے یہ جاننے کے لیے پہلی دستی تعیناتی کی کہ واقعی وہاں کیا ہو رہا ہے۔ اگرچہ یہ سب آسان کیا جا سکتا ہے:

رینگلر انسٹال کریں: 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.

حصہ 4: تعیناتی آٹومیشن

یہ گائیڈ Gitlab کے لیے لکھا گیا ہے، لیکن یہ عام طور پر خودکار تعیناتی کے جوہر اور آسانی کو حاصل کرتا ہے۔

مرحلہ 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 → پائپ لائنز → پائپ لائن چلائیں) یا ماسٹر برانچ سے وابستہ ہو کر۔ Voila!

حاصل يہ ہوا

ٹھیک ہے، میں نے اسے تھوڑا سا سمجھا ہو گا، اور اس پورے عمل میں صرف دس منٹ لگے۔ لیکن اب آپ کے پاس خودکار تعیناتی کے ساتھ ایک تیز سائٹ ہے اور اس بارے میں کچھ تازہ خیالات ہیں کہ آپ ورکرز کے ساتھ اور کیا کر سکتے ہیں۔

کلاؤڈ فلیئر ورکرز ہیوگو گٹ لیب سی

ماخذ: www.habr.com

Cloudflare ورکرز سائٹس پر ایک جامد سائٹ کیسے بنائی جائے۔