क्लाउडफ्लेअर वर्कर्स साइट्सवर स्थिर साइट कशी बनवायची

नमस्कार! माझे नाव दिमा आहे, मी Wrike मधील SysOps टीमसाठी तांत्रिक लीड आहे. या लेखात मी तुम्हाला 10 मिनिटांत आणि महिन्याला 5 डॉलर्समध्ये वेबसाइट वापरकर्त्याच्या शक्य तितक्या जवळ कशी बनवायची आणि तिची तैनाती स्वयंचलित कशी करायची ते सांगेन. आम्ही आमच्या कार्यसंघामध्ये सोडवलेल्या समस्यांशी लेखाचा जवळजवळ काहीही संबंध नाही. माझ्यासाठी नवीन असलेले तंत्रज्ञान जाणून घेण्याचा हा माझा वैयक्तिक अनुभव आणि छाप आहे. मी शक्य तितक्या तपशीलवार चरणांचे वर्णन करण्याचा प्रयत्न केला जेणेकरून सूचना भिन्न अनुभव असलेल्या लोकांसाठी उपयुक्त ठरतील. मला आशा आहे की तुम्ही आनंद घ्याल. जा!

तर, कदाचित तुम्हाला वेबसाइट होस्ट करण्याचा एक सोपा आणि स्वस्त मार्ग सापडला असेल. यात वर्णन केल्याप्रमाणे कदाचित विनामूल्य देखील उत्तम लेख.

पण अचानक तुम्ही अजूनही कंटाळले आहात आणि तंत्रज्ञानाच्या धाडसी नवीन जगाला स्पर्श करू इच्छिता? समजा तुम्ही तैनाती स्वयंचलित करण्याबद्दल विचार करत आहात आणि तुमच्या साइटला शक्य तितकी गती वाढवू इच्छिता? या लेखात आपण वापरणार आहोत ह्युगो, परंतु हे ऐच्छिक आहे.

ऑटोमेशनसाठी आम्ही गिटलॅब सीआय/सीडी वापरतो, पण प्रवेगाचे काय? चला साइट थेट क्लाउडफ्लेअरवर उपयोजित करूया कामगार साइट्स.

सुरू करण्यासाठी काय आवश्यक आहे:

• गिटलॅब (तुमचे स्वतःचे किंवा ढगाळ)

• खाते Cloudflare वर

• स्थापित केले nodejs/npm

भाग 1: ह्यूगो स्थापित करणे

जर तुम्ही आधीपासून ह्यूगो स्थापित केले असेल, किंवा तुम्ही वेगळ्या स्टॅटिक साइट जनरेटरला प्राधान्य देत असाल (किंवा अजिबात वापरू नका), तर तुम्ही हा भाग वगळू शकता.

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

आता आमची स्थिर साइट एका निर्देशिकेत स्थित आहे ./सार्वजनिक आणि तुमच्या पहिल्या मॅन्युअल उपयोजनासाठी सज्ज.

भाग २: क्लाउडफ्लेअर सेट करणे

आता क्लाउडफ्लेअरचा प्रारंभिक सेटअप पाहू. चला असे गृहीत धरू की आमच्याकडे साइटसाठी आधीपासूनच डोमेन आहे. उदाहरण म्हणून घेऊ blog.example.com.

पायरी 1: DNS एंट्री तयार करा

प्रथम, आमचे डोमेन निवडा आणि नंतर मेनू आयटम 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. जर तुमच्याकडे पथात एकापेक्षा जास्त डोमेन असतील, तर तुम्ही कार्यरत स्क्रिप्टमधील मार्ग दुरुस्त करावा: workers-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 #

आम्ही प्रथम तैनाती व्यक्तिचलितपणे सुरू करतो (CI/CD → पाइपलाइन → पाइपलाइन चालवा) किंवा मास्टर शाखेला वचनबद्ध करून. व्होइला!

निष्कर्ष

बरं, मी ते थोडेसे कमी केले असेल आणि संपूर्ण प्रक्रियेला फक्त दहा मिनिटे लागली. परंतु आता तुमच्याकडे स्वयंचलित उपयोजन असलेली एक जलद साइट आहे आणि तुम्ही कामगारांसोबत आणखी काय करू शकता याबद्दल काही नवीन कल्पना आहेत.

 क्लाउडफ्लेअर कामगार    ह्युगो    GitLab Ci

स्त्रोत: www.habr.com