ಕ್ಲೌಡ್‌ಫ್ಲೇರ್ ವರ್ಕರ್ಸ್ ಸೈಟ್‌ಗಳಲ್ಲಿ ಸ್ಥಿರ ಸೈಟ್ ಅನ್ನು ಹೇಗೆ ಮಾಡುವುದು

ನಮಸ್ಕಾರ! ನನ್ನ ಹೆಸರು ಡಿಮಾ, ನಾನು Wrike ನಲ್ಲಿ SysOps ತಂಡಕ್ಕೆ ತಾಂತ್ರಿಕ ನಾಯಕನಾಗಿದ್ದೇನೆ. ಈ ಲೇಖನದಲ್ಲಿ 10 ನಿಮಿಷಗಳಲ್ಲಿ ಮತ್ತು ತಿಂಗಳಿಗೆ 5 ಡಾಲರ್‌ಗಳಲ್ಲಿ ಬಳಕೆದಾರರಿಗೆ ಸಾಧ್ಯವಾದಷ್ಟು ಹತ್ತಿರವಿರುವ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹೇಗೆ ಮಾಡುವುದು ಮತ್ತು ಅದರ ನಿಯೋಜನೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸುವುದು ಹೇಗೆ ಎಂದು ನಾನು ನಿಮಗೆ ಹೇಳುತ್ತೇನೆ. ನಮ್ಮ ತಂಡದೊಳಗೆ ನಾವು ಪರಿಹರಿಸುವ ಸಮಸ್ಯೆಗಳೊಂದಿಗೆ ಲೇಖನವು ಬಹುತೇಕ ಯಾವುದೇ ಸಂಬಂಧವನ್ನು ಹೊಂದಿಲ್ಲ. ಇದು ನನ್ನ ವೈಯಕ್ತಿಕ ಅನುಭವ ಮತ್ತು ನನಗೆ ಹೊಸ ತಂತ್ರಜ್ಞಾನವನ್ನು ತಿಳಿದುಕೊಳ್ಳುವ ಅನಿಸಿಕೆಗಳು. ನಾನು ಹಂತಗಳನ್ನು ಸಾಧ್ಯವಾದಷ್ಟು ವಿವರವಾಗಿ ವಿವರಿಸಲು ಪ್ರಯತ್ನಿಸಿದೆ ಇದರಿಂದ ಸೂಚನೆಗಳು ವಿಭಿನ್ನ ಅನುಭವ ಹೊಂದಿರುವ ಜನರಿಗೆ ಉಪಯುಕ್ತವಾಗುತ್ತವೆ. ನೀವು ಆನಂದಿಸುವಿರಿ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ. ಹೋಗು!

ಆದ್ದರಿಂದ, ಬಹುಶಃ ನೀವು ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹೋಸ್ಟ್ ಮಾಡಲು ಸುಲಭ ಮತ್ತು ಅಗ್ಗದ ಮಾರ್ಗವನ್ನು ಈಗಾಗಲೇ ಕಂಡುಕೊಂಡಿದ್ದೀರಿ. ಇದರಲ್ಲಿ ವಿವರಿಸಿದಂತೆ ಬಹುಶಃ ಉಚಿತವೂ ಆಗಿರಬಹುದು ಉತ್ತಮ ಲೇಖನ.

ಆದರೆ ಇದ್ದಕ್ಕಿದ್ದಂತೆ ನೀವು ಇನ್ನೂ ಬೇಸರಗೊಂಡಿದ್ದೀರಿ ಮತ್ತು ತಂತ್ರಜ್ಞಾನದ ಕೆಚ್ಚೆದೆಯ ಹೊಸ ಜಗತ್ತನ್ನು ಸ್ಪರ್ಶಿಸಲು ಬಯಸುವಿರಾ? ನಿಯೋಜನೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸುವ ಬಗ್ಗೆ ನೀವು ಯೋಚಿಸುತ್ತಿದ್ದೀರಿ ಎಂದು ಹೇಳೋಣ ಮತ್ತು ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಸಾಧ್ಯವಾದಷ್ಟು ವೇಗಗೊಳಿಸಲು ಬಯಸುವಿರಾ? ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ಬಳಸುತ್ತೇವೆ ಹ್ಯೂಗೊ, ಆದರೆ ಇದು ಐಚ್ಛಿಕವಾಗಿದೆ.

ನಾವು ಯಾಂತ್ರೀಕರಣಕ್ಕಾಗಿ Gitlab CI/CD ಅನ್ನು ಬಳಸುತ್ತೇವೆ, ಆದರೆ ವೇಗವರ್ಧನೆಯ ಬಗ್ಗೆ ಏನು? ಸೈಟ್ ಅನ್ನು ನೇರವಾಗಿ ಕ್ಲೌಡ್‌ಫ್ಲೇರ್‌ಗೆ ನಿಯೋಜಿಸೋಣ ಕಾರ್ಮಿಕರ ಸೈಟ್ಗಳು.

ಪ್ರಾರಂಭಿಸಲು ಏನು ಬೇಕು:

• ಗಿಟ್ಲಾಬ್ (ನಿಮ್ಮ ಸ್ವಂತ ಅಥವಾ ಮೋಡ)

• ಖಾತೆ ಕ್ಲೌಡ್‌ಫ್ಲೇರ್‌ನಲ್ಲಿ

• ಸ್ಥಾಪಿಸಲಾಗಿದೆ 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. ರಚಿಸಿದ ಫೈಲ್‌ಗೆ ವಿಷಯವನ್ನು ಸೇರಿಸಿ: ವಿಷಯ/ಪೋಸ್ಟ್‌ಗಳು/my-Amazing-post.md.
   ಎಲ್ಲವನ್ನೂ ಮಾಡಿದಾಗ, ಡ್ರಾಫ್ಟ್ ಮೌಲ್ಯವನ್ನು ಬದಲಾಯಿಸಿ ಸುಳ್ಳು

8. ಸ್ಥಿರ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ: hugo -D

ಈಗ ನಮ್ಮ ಸ್ಥಿರ ಸೈಟ್ ಡೈರೆಕ್ಟರಿಯೊಳಗೆ ಇದೆ ./ಸಾರ್ವಜನಿಕ ಮತ್ತು ನಿಮ್ಮ ಮೊದಲ ಹಸ್ತಚಾಲಿತ ನಿಯೋಜನೆಗೆ ಸಿದ್ಧವಾಗಿದೆ.

ಭಾಗ 2: ಕ್ಲೌಡ್‌ಫ್ಲೇರ್ ಅನ್ನು ಹೊಂದಿಸಲಾಗುತ್ತಿದೆ

ಈಗ ಕ್ಲೌಡ್‌ಫ್ಲೇರ್‌ನ ಆರಂಭಿಕ ಸೆಟಪ್ ಅನ್ನು ನೋಡೋಣ. ನಾವು ಈಗಾಗಲೇ ಸೈಟ್‌ಗಾಗಿ ಡೊಮೇನ್ ಅನ್ನು ಹೊಂದಿದ್ದೇವೆ ಎಂದು ಭಾವಿಸೋಣ. ಉದಾಹರಣೆಯಾಗಿ ತೆಗೆದುಕೊಳ್ಳೋಣ blog.example.com.

ಹಂತ 1: DNS ನಮೂದನ್ನು ರಚಿಸಿ

ಮೊದಲು, ನಮ್ಮ ಡೊಮೇನ್ ಆಯ್ಕೆಮಾಡಿ, ತದನಂತರ ಮೆನು ಐಟಂ ಡಿಎನ್ಎಸ್. ನಾವು ಬ್ಲಾಗ್ ಎ-ರೆಕಾರ್ಡ್ ಅನ್ನು ರಚಿಸುತ್ತೇವೆ ಮತ್ತು ಅದಕ್ಕಾಗಿ ಕೆಲವು ಕಾಲ್ಪನಿಕ IP ಅನ್ನು ಸೂಚಿಸುತ್ತೇವೆ (ಇದು ಅಧಿಕೃತವಾಗಿದೆ ಶಿಫಾರಸು, ಆದರೆ ಅವರು ಅದನ್ನು ಸ್ವಲ್ಪ ಸುಂದರಗೊಳಿಸಬಹುದಿತ್ತು).

ಹಂತ 2: ಕ್ಲೌಡ್‌ಫ್ಲೇರ್ ಟೋಕನ್

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. ನೀವು ಪಥದಲ್ಲಿ ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಡೊಮೇನ್‌ಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ನಂತರ ನೀವು ಕೆಲಸ ಮಾಡುವ ಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಮಾರ್ಗವನ್ನು ಸರಿಪಡಿಸಬೇಕು: ಕಾರ್ಮಿಕರು-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 → ಪೈಪ್‌ಲೈನ್‌ಗಳು → ಪೈಪ್‌ಲೈನ್ ರನ್ ಮಾಡಿ) ಅಥವಾ ಮಾಸ್ಟರ್ ಶಾಖೆಗೆ ಒಪ್ಪಿಸುವ ಮೂಲಕ. Voila!

ತೀರ್ಮಾನಕ್ಕೆ

ಸರಿ, ನಾನು ಅದನ್ನು ಸ್ವಲ್ಪ ಕಡಿಮೆ ಮಾಡಿರಬಹುದು ಮತ್ತು ಇಡೀ ಪ್ರಕ್ರಿಯೆಯು ಕೇವಲ ಹತ್ತು ನಿಮಿಷಗಳನ್ನು ತೆಗೆದುಕೊಂಡಿತು. ಆದರೆ ಈಗ ನೀವು ಸ್ವಯಂಚಾಲಿತ ನಿಯೋಜನೆಯೊಂದಿಗೆ ವೇಗದ ಸೈಟ್ ಅನ್ನು ಹೊಂದಿದ್ದೀರಿ ಮತ್ತು ಕಾರ್ಮಿಕರೊಂದಿಗೆ ನೀವು ಇನ್ನೇನು ಮಾಡಬಹುದು ಎಂಬುದರ ಕುರಿತು ಕೆಲವು ತಾಜಾ ವಿಚಾರಗಳನ್ನು ಹೊಂದಿದ್ದೀರಿ.

 ಕ್ಲೌಡ್‌ಫ್ಲೇರ್ ಕೆಲಸಗಾರರು    ಹ್ಯೂಗೊ    GitLab Ci

ಮೂಲ: www.habr.com