ક્લાઉડફ્લેર વર્કર્સ સાઇટ્સ પર સ્થિર સાઇટ કેવી રીતે બનાવવી

નમસ્તે! મારું નામ દિમા છે, હું Wrike ખાતે SysOps ટીમ માટે ટેકનિકલ લીડ છું. આ લેખમાં હું તમને જણાવીશ કે કેવી રીતે વેબસાઇટને 10 મિનિટમાં અને 5 ડૉલરમાં મહિને શક્ય તેટલી નજીકની વેબસાઇટ બનાવવી અને તેની ડિપ્લોયમેન્ટને સ્વચાલિત કેવી રીતે કરવી. અમે અમારી ટીમમાં જે સમસ્યાઓ હલ કરીએ છીએ તેની સાથે લેખને લગભગ કંઈ લેવાદેવા નથી. આ મારા માટે નવી ટેક્નોલોજીને જાણવાનો મારો અંગત અનુભવ અને છાપ છે. મેં શક્ય તેટલી વધુ વિગતવાર પગલાંઓનું વર્ણન કરવાનો પ્રયાસ કર્યો જેથી સૂચનાઓ વિવિધ અનુભવ ધરાવતા લોકો માટે ઉપયોગી થાય. હું આશા રાખું છું કે તમે આનંદ કરશો. જાઓ!

તેથી, કદાચ તમે વેબસાઇટને હોસ્ટ કરવાની એક સરળ અને સસ્તી રીત શોધી લીધી છે. કદાચ મફત પણ, આમાં વર્ણવ્યા મુજબ મહાન લેખ.

પરંતુ અચાનક તમે હજુ પણ કંટાળી ગયા છો અને ટેક્નોલોજીની બહાદુર નવી દુનિયાને સ્પર્શ કરવા માંગો છો? ચાલો કહીએ કે તમે સ્વચાલિત જમાવટ વિશે વિચારી રહ્યાં છો અને શક્ય તેટલી તમારી સાઇટને ઝડપી બનાવવા માંગો છો? આ લેખમાં આપણે ઉપયોગ કરીશું હ્યુગો, પરંતુ આ વૈકલ્પિક છે.

અમે ઓટોમેશન માટે Gitlab CI/CD નો ઉપયોગ કરીએ છીએ, પરંતુ પ્રવેગક વિશે શું? ચાલો Cloudflare નો ઉપયોગ કરીને સાઇટને સીધી રીતે જમાવીએ વર્કર સાઇટ્સ.

શરૂ કરવા માટે શું જરૂરી છે:

• ગિટલેબ (તમારી પોતાની અથવા વાદળછાયું)

• એકાઉન્ટ 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

હવે અમારી સ્ટેટિક સાઇટ ડિરેક્ટરીમાં સ્થિત છે ./જાહેર અને તમારી પ્રથમ મેન્યુઅલ જમાવટ માટે તૈયાર.

ભાગ 2: Cloudflare સેટ કરી રહ્યું છે

હવે ચાલો Cloudflare ના પ્રારંભિક સેટઅપ જોઈએ. ચાલો ધારીએ કે અમારી પાસે પહેલાથી જ સાઇટ માટે ડોમેન છે. ચાલો ઉદાહરણ તરીકે લઈએ blog.example.com.

પગલું 1: DNS એન્ટ્રી બનાવો

પ્રથમ, અમારું ડોમેન પસંદ કરો, અને પછી મેનુ આઇટમ DNS. અમે એક બ્લોગ એ-રેકોર્ડ બનાવીએ છીએ અને તેના માટે કેટલાક કાલ્પનિક IP સૂચવીએ છીએ (આ સત્તાવાર છે ભલામણ, પરંતુ તેઓ તેને થોડું સુંદર બનાવી શક્યા હોત).

પગલું 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 → પાઇપલાઇન્સ → પાઇપલાઇન ચલાવો) અથવા મુખ્ય શાખામાં પ્રતિબદ્ધતા દ્વારા. વોઇલા!

નિષ્કર્ષ

ઠીક છે, મેં તેને થોડું ઓછું કર્યું હશે, અને આખી પ્રક્રિયામાં માત્ર દસ મિનિટનો સમય લાગ્યો. પરંતુ હવે તમારી પાસે સ્વચાલિત જમાવટ સાથે એક ઝડપી સાઇટ છે અને તમે વર્કર્સ સાથે બીજું શું કરી શકો તે અંગેના કેટલાક નવા વિચારો છે.

 Cloudflare કામદારો    હ્યુગો    ગિટલેબ સી

સોર્સ: www.habr.com