PĂ«rshĂ«ndetje! Emri im Ă«shtĂ« Dima, unĂ« jam lider teknik i ekipit SysOps nĂ« Wrike. NĂ« kĂ«tĂ« artikull do tĂ« flas si mund tĂ« krijoni njĂ« faqe interneti sa mĂ« tĂ« madhe pĂ«r pĂ«rdoruesin brenda 10 minutash dhe me 5 dollarĂ« nĂ« muaj dhe tĂ« automatizoni shpĂ«rndarjen e saj. Artikulli ka pothuajse asnjĂ« lidhje me problemet qĂ« ne zgjidhim brenda ekipit tonĂ«. ĂshtĂ«, mĂ« shumĂ«, pĂ«rvoja ime personale dhe pĂ«rshtypjet nga njohja me njĂ« teknologji tĂ« re pĂ«r mua. Kam pĂ«rpjekur tĂ« pĂ«rshkruaj hapat sa mĂ« hollĂ«sisht nĂ« mĂ«nyrĂ« qĂ« udhĂ«zimi tĂ« jetĂ« i dobishĂ«m pĂ«r njerĂ«z me pĂ«rvoja tĂ« ndryshme. Shpresoj se do t'ju pĂ«lqejĂ«. Le tĂ« fillojmĂ«!
Pra, ndoshta tashmë keni gjetur një mënyrë të thjeshtë dhe të lirë për të hostuar faqen tuaj të internetit. Mund të jetë madje edhe falas, siç përshkruhet në këtë.
Por ndoshta ju ndiheni akoma të mërzitur dhe dëshironi të prekni botën e mrekullueshme të teknologjisë? Të themi se po mendoni për automatizimin e shpërndarjes dhe do të dëshironit ta përshpejtoni sa më shumë faqen tuaj? Në këtë artikull do të përdorim, por nuk është e domosdoshme.
Për automatizimin ne përdorim Gitlab CI/CD, por çfarë të bëjmë për përshpejtimin? Le të shpërndajmë faqen direkt në Cloudflare me ndihmën e.
ĂfarĂ« kĂ«rkohet pĂ«r tĂ« filluar:
Gitlab (e juaja ose )
në Cloudflare
Node.js/npm të instaluar
Nëse tashmë keni instaluar Hugo ose nëse preferoni një gjenerator tjetër të faqeve statike (ose madje nuk i përdorni fare), atëherë mund ta anashkaloni këtë pjesë.
Shkarkoni Hugo nga
Vendosni skedarin ekzekutiv të Hugo në një nga rrugët e përcaktuara në
PATH rrugët
Krijoni një faqe të re:
hugo new site blog.example.comNdryshoni direktorinë aktuale në atë që sapo u krijua:
cd blog.example.comZgjidhni temën e dizajnit ( ose çfarëdo tjetër)
Krijoni postimin e parë:
hugo new posts/my-amazing-post.mdShtoni përmbajtje në skedarin e krijuar: content/posts/my-amazing-post.md.
Kur gjithçka të jetë përfunduar, ndryshoni vlerën e draft në falseGjeneroni skedarët statikë:
hugo -D
Tani faqja jonë statike ndodhet brenda drejtorisë ./public dhe është e gatshme për shpërndarjen e saj të parë manuale.
Pjesa 2: Konfiguroni Cloudflare
Tani le të kuptojmë konfigurimin fillestar të Cloudflare. Le të supozojmë se domeni për faqen tonë tashmë e kemi. Si një shembull do të marrim blog.example.com.
Hapi 1: Krijoni një regjistër DNS
Së pari zgjidhni domenin tonë dhe pastaj pikën e menusë DNS. Krijoni një regjistër A për blog dhe tregoni një IP të ndonjë fiktive (kjo është një, por ata mund ta kishin bërë më ndryshe).
Hapi 2: Tokeni i Cloudflare
Profili Im -> Tokenet e API tab-> Krijo Token -> Krijo Token të Personalizuara
Këtu do t'ju duhet të kufizoni tokenin me llogaritë dhe zonat, por të lini mundësinë Edit për lejet që shihni në imazh.
Ruani tokenin për të ardhmen, do të na nevojitet në pjesën e tretë.
Hapi 3: Marrim accountid dhe zoneid
Domain â PĂ«rmbledhje â [paneli i djathtĂ«]
KĂ«to janĂ« tĂ« miat, mos i pĂ«rdorni ju lutem đ
Ruani ato pranë tokenit, do t'ju nevojiten gjithashtu në pjesën e tretë.
Hapi 4: Aktivizimi i Workers
Domain â Pune â Menaxho Workers
Zgjidhni njĂ« emĂ«r unik dhe planin e Workers â Unlimited (5$ nĂ« muaj aktualisht). NĂ«se dĂ«shiron, mĂ« vonĂ« mund tĂ« kaloni nĂ« versionin falas.
Pjesa 3: Deploy-i i Parë (shpërndarja manuale)
E bëra deploy-in e parë manualisht për të kuptuar se çfarë po ndodhte vërtet. Megjithatë, gjithçka mund të bëhet më thjeshtë:
Instaloni wrangler:
npm i @cloudflare/wrangler -gKaloni në direktorinë e blogut tonë:
cd blog.example.comStart wrangler:
wrangler init â site hugo-workerKrijoni konfigurimin pĂ«r wrangler (jepni tokenin kur t'ju kĂ«rkohet):
wrangler config
Tani do të provojmë të bëjmë ndryshime në skedarin e sapokrijuar wrangler.toml ( lista e plotë e konfigurimeve të mundshme):
Specifikoni accountid dhe zoneid
Ndryshoni rrugën në diçka si *blog.example.com/*
Specifikoni false për workersdev
Ndryshoni bucket-in në . /public (ose ku ndodhet faqja juaj statike)
Nëse keni më shumë se një domain në rrugë, ju duhet të korrigjoni rrugën në skriptin e punës: workers-site/index.js (shihni funksionin handleEvent)
Shumë mirë, është koha të shpërndajmë faqen me komandën wrangler publish.
Pjesa 4: Automatizimi i shpërndarjes
Këto udhëzime janë përgatitur për Gitlab, por ato përçojnë thelbin dhe thjeshtësinë e shpërndarjes automatizuar në përgjithësi.
Hapi 1: Krijoni dhe konfiguroni projektin tonë
Krijoni një projekt të ri GitLab dhe ngarkoni faqen: direktoria blog.example.com me të gjithë përmbajtjen duhet të jetë në katalogun rrënjë të projektit
Caktoni variablin CFAPITOKEN kĂ«tu: Settings â CI/CD â Variablat
Hapi 2: Krijoni skedarin .gitlab-ci.yml dhe filloni shpërndarjen e parë
Krijojmë skedarin .gitlab-ci.yml në rrënjë me përmbajtjen e mëposhtme:
etapat:
- ndërtim
- implementim
ndërtim:
imazhi: monachus/hugo
etapa: ndërtim
variablat:
GIT_SUBMODULE_STRATEGY: recursive
skripti:
- cd blog.example.com/
- hugo
artefaktet:
rrugët:
- blog.example.com/public
vetëm:
- master # ky punim do të ndikojë vetëm në degën 'master'
etiketat:
- gitlab-org-docker #
implementim:
imazhi: timbru31/ruby-node:2.3
etapa: implementim
skripti:
- 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
artefaktet:
rrugët:
- blog.example.com/public
vetëm:
- master # ky punim do të ndikojë vetëm në degën 'master'
etiketat:
- gitlab-org-docker #Nisni implementimin e parĂ« manualisht (CI / CD â Pipeline â Ekzekutoni Pipeline) apo duke dĂ«rguar njĂ« commit nĂ« degĂ«n master. VoilĂ !
PĂ«rfundim
Mund të kem paksa nënvlerësuar, dhe e gjithë procesi zgjati pak më shumë se dhjetë minuta. Tani keni një faqe të shpejtë me implementim automatik dhe disa ide të reja për atë që mund të bëni me ndihmën e Workers.
     Â
Burimi: habr.com
