ప్రోహోస్టర్ > బ్లాగ్ > పరిపాలన > క్లౌడ్ఫ్లేర్ వర్కర్స్ సైట్లలో స్టాటిక్ సైట్ను ఎలా తయారు చేయాలి
క్లౌడ్ఫ్లేర్ వర్కర్స్ సైట్లలో స్టాటిక్ సైట్ను ఎలా తయారు చేయాలి
హలో! నా పేరు డిమా, నేను రైక్లోని SysOps టీమ్కి టెక్నికల్ లీడ్. ఈ వ్యాసంలో నేను 10 నిమిషాలు మరియు నెలకు 5 డాలర్లలో వినియోగదారుకు వీలైనంత దగ్గరగా వెబ్సైట్ను ఎలా తయారు చేయాలో మరియు దాని విస్తరణను ఆటోమేట్ చేయడం ఎలాగో మీకు చెప్తాను. మా బృందంలో మేము పరిష్కరించే సమస్యలతో కథనం దాదాపు ఏమీ లేదు. ఇది నా వ్యక్తిగత అనుభవం మరియు నాకు కొత్త సాంకేతికతను తెలుసుకోవడం గురించిన అభిప్రాయాలు. నేను దశలను వీలైనంత వివరంగా వివరించడానికి ప్రయత్నించాను, తద్వారా విభిన్న అనుభవం ఉన్న వ్యక్తులకు సూచనలు ఉపయోగకరంగా ఉంటాయి. మీరు ఆనందిస్తారని నేను ఆశిస్తున్నాను. వెళ్ళండి!
కాబట్టి, బహుశా మీరు వెబ్సైట్ను హోస్ట్ చేయడానికి సులభమైన మరియు చౌకైన మార్గాన్ని ఇప్పటికే కనుగొన్నారు. ఇందులో వివరించినట్లుగా కూడా ఉచితంగా ఉండవచ్చుగొప్ప వ్యాసం.
కానీ అకస్మాత్తుగా మీరు ఇంకా విసుగు చెందారు మరియు సాంకేతికత యొక్క ధైర్యమైన కొత్త ప్రపంచాన్ని తాకాలనుకుంటున్నారా? మీరు డిప్లాయ్మెంట్ని ఆటోమేట్ చేయడం గురించి ఆలోచిస్తున్నారని మరియు మీ సైట్ని వీలైనంత వేగవంతం చేయాలనుకుంటున్నారని అనుకుందాం? ఈ వ్యాసంలో మేము ఉపయోగిస్తాముహ్యూగో, కానీ ఇది ఐచ్ఛికం.
మేము ఆటోమేషన్ కోసం Gitlab CI/CDని ఉపయోగిస్తాము, అయితే త్వరణం గురించి ఏమిటి? సైట్ను నేరుగా క్లౌడ్ఫ్లేర్కు వియోగిద్దాంకార్మికుల సైట్లు.
మీరు ఇప్పటికే హ్యూగోను ఇన్స్టాల్ చేసి ఉంటే లేదా మీరు వేరే స్టాటిక్ సైట్ జనరేటర్ని ఇష్టపడితే (లేదా ఒకదాన్ని ఉపయోగించవద్దు), అప్పుడు మీరు ఈ భాగాన్ని దాటవేయవచ్చు.
మొదటి పోస్ట్ని క్రియేట్ చేద్దాం: hugo new posts/my-amazing-post.md
సృష్టించిన ఫైల్కు కంటెంట్ని జోడించండి: కంటెంట్/పోస్ట్లు/my-Amazing-post.md. ప్రతిదీ పూర్తయినప్పుడు, డ్రాఫ్ట్ విలువను మార్చండి తప్పుడు
స్టాటిక్ ఫైల్లను రూపొందిస్తోంది: hugo -D
ఇప్పుడు మా స్టాటిక్ సైట్ డైరెక్టరీ లోపల ఉంది ./ప్రజా మరియు మీ మొదటి మాన్యువల్ విస్తరణకు సిద్ధంగా ఉంది.
పార్ట్ 2: క్లౌడ్ఫ్లేర్ని సెటప్ చేస్తోంది
ఇప్పుడు Cloudflare యొక్క ప్రారంభ సెటప్ను చూద్దాం. సైట్ కోసం మనకు ఇప్పటికే డొమైన్ ఉందని అనుకుందాం. ఒక ఉదాహరణగా తీసుకుందాం blog.example.com.
దశ 1: DNS ఎంట్రీని సృష్టించండి
మొదట, మా డొమైన్ను ఎంచుకోండి, ఆపై మెను ఐటెమ్ను ఎంచుకోండి DNS. మేము బ్లాగ్ A-రికార్డ్ని సృష్టించి, దాని కోసం కొన్ని కల్పిత IPని సూచిస్తాము (ఇది అధికారికంసిఫార్సు, కానీ వారు దానిని కొంచెం అందంగా మార్చగలిగారు).
దశ 2: క్లౌడ్ఫ్లేర్ టోకెన్
నా జీవన వివరణ -> API టోకెన్లు ట్యాబ్-> టోకెన్ సృష్టించండి -> అనుకూల టోకెన్ని సృష్టించండి
ఇక్కడ మీరు టోకెన్ను ఖాతాలు మరియు జోన్లకు పరిమితం చేయాలి, అయితే చిత్రంలో జాబితా చేయబడిన అనుమతుల కోసం సవరణ ఎంపికను వదిలివేయండి.
భవిష్యత్తు కోసం టోకెన్ను సేవ్ చేయండి, మాకు ఇది మూడవ భాగంలో అవసరం.
దశ 3: అకౌంటైడ్ మరియు జోనాయిడ్ పొందండి
డొమైన్ → అవలోకనం → [కుడి సైడ్బార్]
ఇవి నావి, దయచేసి వాటిని ఉపయోగించవద్దు :)
టోకెన్ పక్కన వాటిని సేవ్ చేయండి, మాకు అవి మూడవ భాగంలో కూడా అవసరం.
దశ 4: కార్మికులను సక్రియం చేయండి
డొమైన్ → వర్కర్స్ → నిర్వహణ కార్మికులు
మేము ప్రత్యేకమైన పేరు మరియు టారిఫ్ వర్కర్స్ → అపరిమిత (ఈరోజు నెలకు $5) ఎంచుకుంటాము. మీరు కోరుకుంటే, మీరు తర్వాత ఉచిత సంస్కరణకు అప్గ్రేడ్ చేయవచ్చు.
పార్ట్ 3: మొదటి విస్తరణ (మాన్యువల్ విస్తరణ)
అక్కడ నిజంగా ఏమి జరుగుతుందో తెలుసుకోవడానికి నేను మొదటి మాన్యువల్ విస్తరణ చేసాను. ఇవన్నీ సరళంగా చేయగలిగినప్పటికీ:
రాంగ్లర్ను ఇన్స్టాల్ చేయండి: npm i @cloudflare/wrangler -g
మన బ్లాగ్ డైరెక్టరీకి వెళ్దాం: cd blog.example.com
రాంగ్లర్ని ప్రారంభించండి: wrangler init — site hugo-worker
రాంగ్లర్ కోసం కాన్ఫిగర్ను సృష్టించండి (అడిగినప్పుడు టోకెన్ని నమోదు చేయండి): wrangler config
ఇప్పుడు కొత్తగా సృష్టించిన ఫైల్లో మార్పులు చేయడానికి ప్రయత్నిద్దాం wrangler.toml (ఇక్కడ సాధ్యమయ్యే సెట్టింగుల పూర్తి జాబితా):
పేర్కొనవచ్చు అకౌంటెడ్ మరియు జోనాయిడ్
మేము మారుతాము మార్గం ఇలాంటి వాటికి *blog.example.com/*
పేర్కొనవచ్చుతప్పుడుకోసం కార్మికులుదేవ్
బకెట్ను ./publicకి మార్చండి (లేదా మీ స్టాటిక్ సైట్ ఎక్కడ ఉంది)
మీరు మార్గంలో ఒకటి కంటే ఎక్కువ డొమైన్లను కలిగి ఉంటే, మీరు పని చేసే స్క్రిప్ట్లో మార్గాన్ని సరిచేయాలి: కార్మికులు-site/index.js (ఫంక్షన్ చూడండి హ్యాండిల్ ఈవెంట్)
అద్భుతం, టీమ్ని ఉపయోగించి సైట్ని అమలు చేయడానికి ఇది సమయంwrangler publish.
పార్ట్ 4: విస్తరణ ఆటోమేషన్
ఈ గైడ్ Gitlab కోసం వ్రాయబడింది, అయితే ఇది సాధారణంగా స్వయంచాలక విస్తరణ యొక్క సారాంశం మరియు సౌలభ్యాన్ని సంగ్రహిస్తుంది.
దశ 1: మా ప్రాజెక్ట్ను సృష్టించండి మరియు కాన్ఫిగర్ చేయండి
కొత్త GitLab ప్రాజెక్ట్ని సృష్టించండి మరియు సైట్: డైరెక్టరీని అప్లోడ్ చేయండి blog.example.com అన్ని విషయాలతో తప్పనిసరిగా ప్రాజెక్ట్ రూట్ డైరెక్టరీలో ఉండాలి
మేము సెట్ చేసామువేరియబుల్ 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 → పైపులైన్ల → పైప్లైన్ను అమలు చేయండి) లేదా మాస్టర్ బ్రాంచ్కు కట్టుబడి ఉండాలి. వోయిలా!
తీర్మానం
సరే, నేను దానిని కొంచెం తక్కువ చేసి ఉండవచ్చు మరియు మొత్తం ప్రక్రియ కేవలం పది నిమిషాల కంటే ఎక్కువ సమయం పట్టింది. కానీ ఇప్పుడు మీరు ఆటోమేటిక్ డిప్లాయ్మెంట్తో వేగవంతమైన సైట్ని కలిగి ఉన్నారు మరియు మీరు వర్కర్లతో ఇంకా ఏమి చేయవచ్చు అనే దాని గురించి కొన్ని తాజా ఆలోచనలు ఉన్నాయి.