क्लाउडफ्लेयर कार्यकर्ता साइटहरूमा स्थिर साइट कसरी बनाउने

नमस्ते! मेरो नाम दिमा हो, म Wrike मा SysOps टोलीको लागि प्राविधिक नेतृत्व हुँ। यस लेखमा म तपाईंलाई 10 मिनेट र 5 डलर एक महिनामा एक वेबसाइट कसरी सम्भव भएसम्म प्रयोगकर्ताको नजिक बनाउने र यसको डिप्लोइमेन्ट स्वचालित रूपमा बताउनेछु। हामीले हाम्रो टोली भित्र समाधान गर्ने समस्याहरूसँग लेखको लगभग कुनै सरोकार छैन। यो बरु मेरो व्यक्तिगत अनुभव र मेरो लागि नयाँ छ कि एक प्रविधि जान्न प्राप्त गर्ने प्रभाव हो। निर्देशनहरू फरक अनुभव भएका व्यक्तिहरूका लागि उपयोगी हुने गरी मैले सकेसम्म विस्तृत रूपमा चरणहरू वर्णन गर्ने प्रयास गरें। मलाई आशा छ कि तपाईंले मजा लिनुहुनेछ। जाउ!

त्यसोभए, सायद तपाईंले पहिले नै वेबसाइट होस्ट गर्ने सरल र सस्तो तरिका फेला पार्नुभएको छ। सायद नि:शुल्क पनि, यसमा वर्णन गरिए अनुसार महान लेख.

तर अचानक तपाईं अझै बोर हुनुहुन्छ र टेक्नोलोजीको बहादुर नयाँ संसार छुन चाहनुहुन्छ? मानौं तपाईं डिप्लोइमेन्ट स्वचालित गर्ने बारे सोच्दै हुनुहुन्छ र आफ्नो साइटलाई सकेसम्म गति दिन चाहनुहुन्छ? यस लेखमा हामी प्रयोग गर्नेछौं ह्यूगो, तर यो ऐच्छिक छ।

हामी स्वचालनको लागि Gitlab CI/CD प्रयोग गर्छौं, तर एक्सेलेरेशनको बारेमा के हो? प्रयोग गरेर Cloudflare मा सीधा साइट तैनात गरौं कार्यकर्ता साइटहरू.

के सुरु गर्न आवश्यक छ:

• Gitlab (तपाईंको आफ्नै वा बादल)

• खाता Cloudflare मा

• स्थापना गरियो nodejs/npm

भाग 1: Hugo स्थापना गर्दै

यदि तपाइँसँग पहिले नै Hugo स्थापित छ, वा यदि तपाइँ फरक स्थिर साइट जेनेरेटर चाहनुहुन्छ (वा कुनै पनि प्रयोग नगर्नुहोस्), त्यसपछि तपाइँ यो भाग छोड्न सक्नुहुन्छ।

1. Hugo बाट डाउनलोड गर्नुहोस् 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. सिर्जना गरिएको फाइलमा सामग्री थप्नुहोस्: content/posts/my-amazing-post.md.
   जब सबै कुरा सकियो, मस्यौदा मान परिवर्तन गर्नुहोस् झूटा

8. स्थिर फाइलहरू उत्पन्न गर्दै: hugo -D

अब हाम्रो स्थिर साइट डाइरेक्टरी भित्र स्थित छ ./सार्वजनिक र तपाइँको पहिलो म्यानुअल परिनियोजनको लागि तयार छ।

भाग २: क्लाउडफ्लेयर सेटअप गर्दै

अब Cloudflare को प्रारम्भिक सेटअप हेरौं। मानौं कि हामीसँग पहिले नै साइटको लागि डोमेन छ। उदाहरणको रूपमा लिऔं blog.example.com।

चरण 1: DNS प्रविष्टि सिर्जना गर्नुहोस्

पहिले, हाम्रो डोमेन चयन गर्नुहोस्, र त्यसपछि मेनु वस्तु DNS। हामी एउटा ब्लग ए-रेकर्ड सिर्जना गर्छौं र यसको लागि केही काल्पनिक आईपी संकेत गर्छौं (यो आधिकारिक हो सिफारिस, तर तिनीहरूले यसलाई अलि सुन्दर बनाउन सक्थे)।

चरण 2: Cloudflare टोकन

1. मेरो प्रोफाइल -> API टोकनहरू ट्याब-> टोकन सिर्जना गर्नुहोस् -> अनुकूलन टोकन सिर्जना गर्नुहोस्

यहाँ तपाईंले टोकनलाई खाता र क्षेत्रहरूमा सीमित गर्न आवश्यक छ, तर चित्रमा सूचीबद्ध अनुमतिहरूको लागि सम्पादन विकल्प छोड्नुहोस्।

भविष्यको लागि टोकन बचत गर्नुहोस्, हामीलाई तेस्रो भागमा चाहिन्छ।

चरण 3: Accountid र zoneid प्राप्त गर्नुहोस्

डोमेन → परिचय → [दायाँ साइडबार]

यी मेरा हुन्, कृपया तिनीहरूलाई प्रयोग नगर्नुहोस् :)

तिनीहरूलाई टोकनको छेउमा बचत गर्नुहोस्, हामीलाई तेस्रो भागमा पनि चाहिन्छ।

चरण 4: कामदारहरूलाई सक्रिय गर्नुहोस्

डोमेन → मजदुर → श्रमिकहरू प्रबन्ध गर्नुहोस्

हामी एक अद्वितीय नाम र ट्यारिफ कामदारहरू → असीमित ($ 5 प्रति महिना आज) छनोट गर्छौं। यदि तपाइँ चाहनुहुन्छ भने, तपाइँ पछि नि: शुल्क संस्करणमा अपग्रेड गर्न सक्नुहुन्छ।

भाग ३: पहिलो डिप्लोइमेन्ट (म्यानुअल डिप्लोइमेन्ट)

त्यहाँ के भइरहेको छ भनी पत्ता लगाउन मैले पहिलो म्यानुअल डिप्लोयमेन्ट गरें। यद्यपि यो सबै सरल गर्न सकिन्छ:

1. wrangler स्थापना गर्नुहोस्: 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. यदि तपाईंसँग पथमा एक भन्दा बढी डोमेन छ भने, तपाईंले काम गर्ने लिपिमा पथ सच्याउनुपर्छ: Workers-site/index.js (कार्यक्रम हेर्नुहोस् ह्यान्डल घटना)

राम्रो, यो टोली प्रयोग गरेर साइट तैनाती गर्ने समय हो wrangler publish.

भाग ४: डिप्लोयमेन्ट स्वचालन

यो गाइड Gitlab को लागि लेखिएको छ, तर यसले सार र सामान्य रूपमा स्वचालित तैनाती को सहजता कैद गर्दछ।

चरण 1: हाम्रो परियोजना सिर्जना र कन्फिगर गर्नुहोस्

1. नयाँ GitLab परियोजना सिर्जना गर्नुहोस् र साइट अपलोड गर्नुहोस्: डाइरेक्टरी blog.example.com सबै सामग्रीहरू प्रोजेक्ट रूट डाइरेक्टरीमा अवस्थित हुनुपर्छ

2. हामीले सेट गर्यौं चर 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 → पाइपलाइनहरू → पाइपलाइन चलाउनुहोस्) वा मास्टर शाखामा प्रतिबद्ध भएर। भोइला!

निष्कर्षमा

ठिक छ, मैले यसलाई थोरै बुझेको हुन सक्छ, र सम्पूर्ण प्रक्रियाले दस मिनेट मात्र लियो। तर अब तपाईंसँग स्वचालित डिप्लोइमेन्टको साथ द्रुत साइट छ र तपाईंले कामदारहरूसँग के गर्न सक्नुहुन्छ भन्ने बारे केही नयाँ विचारहरू छन्।

 क्लाउडफ्लेयर कार्यकर्ताहरू    ह्यूगो    GitLab Ci

स्रोत: www.habr.com