கிளவுட்ஃப்ளேர் தொழிலாளர் தளங்களில் நிலையான தளத்தை உருவாக்குவது எப்படி

வணக்கம்! என் பெயர் டிமா, நான் ரைக்கில் உள்ள SysOps குழுவின் தொழில்நுட்ப முன்னணி. இந்த கட்டுரையில், ஒரு வலைத்தளத்தை 10 நிமிடங்கள் மற்றும் ஒரு மாதத்திற்கு 5 டாலர்களில் பயனருக்கு முடிந்தவரை நெருக்கமாக உருவாக்குவது மற்றும் அதன் வரிசைப்படுத்தலை தானியக்கமாக்குவது எப்படி என்று நான் உங்களுக்கு சொல்கிறேன். எங்கள் குழுவில் நாங்கள் தீர்க்கும் சிக்கல்களுடன் கட்டுரைக்கு எந்த தொடர்பும் இல்லை. இது எனது தனிப்பட்ட அனுபவம் மற்றும் எனக்குப் புதிய தொழில்நுட்பத்தைப் பற்றி தெரிந்துகொள்ளும் பதிவுகள். வெவ்வேறு அனுபவமுள்ளவர்களுக்கு அறிவுறுத்தல்கள் பயனுள்ளதாக இருக்கும் என்பதற்காக, படிகளை முடிந்தவரை விரிவாக விவரிக்க முயற்சித்தேன். நீங்கள் அனுபவிப்பீர்கள் என்று நம்புகிறேன். போ!

எனவே, ஒரு வலைத்தளத்தை ஹோஸ்ட் செய்வதற்கான எளிய மற்றும் மலிவான வழியை நீங்கள் ஏற்கனவே கண்டுபிடித்திருக்கலாம். இதில் விவரிக்கப்பட்டுள்ளபடி, இலவசமாகவும் இருக்கலாம் சிறந்த கட்டுரை.

ஆனால் திடீரென்று நீங்கள் இன்னும் சலித்துவிட்டீர்கள் மற்றும் தொழில்நுட்பத்தின் துணிச்சலான புதிய உலகத்தைத் தொட விரும்புகிறீர்களா? வரிசைப்படுத்தலை தானியக்கமாக்குவது பற்றி நீங்கள் யோசித்துக்கொண்டிருக்கிறீர்கள் என்று வைத்துக்கொள்வோம் மேலும் உங்கள் தளத்தை முடிந்தவரை வேகப்படுத்த விரும்புகிறீர்களா? இந்த கட்டுரையில் நாம் பயன்படுத்துவோம் ஹ்யூகோ, ஆனால் இது விருப்பமானது.

ஆட்டோமேஷனுக்கு Gitlab CI/CD ஐப் பயன்படுத்துகிறோம், ஆனால் முடுக்கம் பற்றி என்ன? தளத்தை நேரடியாக Cloudflare க்கு பயன்படுத்துவோம் தொழிலாளர் தளங்கள்.

தொடங்குவதற்கு என்ன தேவை:

• கிட்லாப் (உங்கள் சொந்த அல்லது மேகமூட்டம்)

• கணக்கு கிளவுட்ஃப்ளேரில்

• நிறுவப்பட்ட nodejs/npm

பகுதி 1: ஹ்யூகோவை நிறுவுதல்

நீங்கள் ஏற்கனவே ஹ்யூகோ நிறுவியிருந்தால் அல்லது வேறு நிலையான தள ஜெனரேட்டரை விரும்பினால் (அல்லது ஒன்றைப் பயன்படுத்த வேண்டாம்), நீங்கள் இந்தப் பகுதியைத் தவிர்க்கலாம்.

1. இதிலிருந்து ஹ்யூகோவைப் பதிவிறக்கவும் 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. உருவாக்கப்பட்ட கோப்பில் உள்ளடக்கத்தைச் சேர்க்கவும்: உள்ளடக்கம்/பதிவுகள்/my-Amazing-post.md.
   எல்லாம் முடிந்ததும், வரைவு மதிப்பை மாற்றவும் தவறான

8. நிலையான கோப்புகளை உருவாக்குதல்: hugo -D

இப்போது எங்கள் நிலையான தளம் ஒரு அடைவுக்குள் அமைந்துள்ளது ./பொது மற்றும் உங்கள் முதல் கைமுறை வரிசைப்படுத்தலுக்கு தயாராக உள்ளது.

பகுதி 2: கிளவுட்ஃப்ளேரை அமைத்தல்

இப்போது Cloudflare இன் ஆரம்ப அமைப்பைப் பார்ப்போம். எங்களிடம் ஏற்கனவே தளத்திற்கான டொமைன் உள்ளது என்று வைத்துக் கொள்வோம். உதாரணமாக எடுத்துக் கொள்வோம் blog.example.com.

படி 1: DNS உள்ளீட்டை உருவாக்கவும்

முதலில், எங்கள் டொமைனைத் தேர்ந்தெடுக்கவும், பின்னர் மெனு உருப்படியைத் தேர்ந்தெடுக்கவும் டிஎன்எஸ். நாங்கள் ஒரு வலைப்பதிவு A-பதிவை உருவாக்கி, அதற்கான சில கற்பனையான ஐபியைக் குறிப்பிடுகிறோம் (இது அதிகாரப்பூர்வமானது பரிந்துரை, ஆனால் அவர்கள் அதை கொஞ்சம் அழகாக செய்திருக்கலாம்).

படி 2: Cloudflare டோக்கன்

1. என் சுயவிவரம் -> API டோக்கன்கள் tab-> டோக்கனை உருவாக்கவும் -> தனிப்பயன் டோக்கனை உருவாக்கவும்

இங்கே நீங்கள் டோக்கனை கணக்குகள் மற்றும் மண்டலங்களுக்கு மட்டுப்படுத்த வேண்டும், ஆனால் படத்தில் பட்டியலிடப்பட்டுள்ள அனுமதிகளுக்கான திருத்து விருப்பத்தை விட்டு விடுங்கள்.

எதிர்காலத்திற்காக டோக்கனைச் சேமிக்கவும், மூன்றாம் பகுதியில் நமக்குத் தேவைப்படும்.

படி 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. பாதையில் ஒன்றுக்கும் மேற்பட்ட டொமைன்கள் இருந்தால், வேலை செய்யும் ஸ்கிரிப்ட்டில் பாதையை சரிசெய்ய வேண்டும்: தொழிலாளர்கள்-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 → பைப்லைன்ஸ் → பைப்லைனை இயக்கவும்) அல்லது முதன்மைக் கிளைக்கு உறுதியளிப்பதன் மூலம். வோய்லா!

முடிவுக்கு

சரி, நான் அதை சற்று குறைத்து கூறியிருக்கலாம், முழு செயல்முறையும் பத்து நிமிடங்களுக்கு மேல் எடுத்தது. ஆனால் இப்போது உங்களிடம் தானியங்கி வரிசைப்படுத்தலுடன் கூடிய வேகமான தளம் உள்ளது மற்றும் தொழிலாளர்களுடன் நீங்கள் வேறு என்ன செய்யலாம் என்பது பற்றிய சில புதிய யோசனைகள்.

 கிளவுட்ஃப்ளேர் தொழிலாளர்கள்    ஹ்யூகோ    GitLab Ci

ஆதாரம்: www.habr.com