Përshendetje! Më quajnë Dima, unë jam lideri teknik i ekipit SysOps në Wrike. Në këtë artikull do t'ju tregoj se si, brenda 10 minutash dhe me 5 dollarë në muaj, të krijoni një faqe sa më të afërt me përdoruesin dhe të automatizoni depoy-n e saj. Artikulli nuk ka shumë të bëjë me problemet që ne zgjidhim brenda ekipit tonë. Kjo është më shumë përvojë personale dhe përshtypjet e mia nga njohja me një teknologji të re për mua. Kam përpiquar të përshkruaj hapat sa më në detaje, që udhëzimi të jetë i dobishëm për njerëz me përvoja të ndryshme. Shpresoj t'ju pëlqejë. Le të fillojmë!
Pra, ndoshta tashmë keni gjetur një mënyrë të thjeshtë dhe të lirë për të hostuar një faqe. Ndoshta edhe falas, siç përshkruhet në këtë.
Por ndoshta ju ende ndiheni të mërzitur dhe dëshironi të preki botën e mrekullueshme të teknologjisë? Po të themi, po mendoni për automatizimin e depoy-t dhe do të donit të shpejtoni sa më shumë faqen tuaj? Në këtë artikull do të përdorim, por kjo nuk është e detyrueshme.
Për automatizimin përdorim Gitlab CI/CD, por çfarë të bëjmë për shpejtësinë? Le të depolyjmë faqen direkt në Cloudflare duke përdorur.
ĂfarĂ« nevojitet pĂ«r fillim:
Gitlab (i juaji ose )
në Cloudflare
Nodejs/npm të instaluara
Nëse tashmë keni instaluar Hugo ose nëse preferoni një gjenerator tjetër faqesh statike (ose nuk përdorni fare), mund ta kaloni këtë pjesë.
Shkarkoni Hugo nga
Vendosni skedarin ekzekutiv të Hugo në njërin nga rrugët e përcaktuara në
direktoritë Krijoni një faqe të re:
hugo new site blog.example.com
Ndryshoni direktorinë aktuale në atë të sapo krijuar:cd blog.example.com
Zgjidhni një temë (ose çfarëdo tjetër) Krijoni postimin e parë:
hugo new posts/my-amazing-post.md
Shtoni përmbajtje në skedarin e krijuar:content/posts/my-amazing-post.md Kur gjithçka të ketë përfunduar, ndryshoni vlerën e draft në.
Gjeneroni skedarët statikë: falsehugo -D
Tani faqja jonë statike ndodhet brenda direktorisë
./public dhe është gati për depoyn e parë manual. Pjesa 2: Konfigurojmë Cloudflare
Tani le të merremi me konfigurimin fillestar të Cloudflare. Le të supozojmë se ne tashmë kemi një domen për faqen. Si shembull do të marrim
blog.example.com. Hapi 1: Krijoni një regjistrim DNS
Së pari zgjidhni domenin tonë, dhe pastaj artikulli i menusë
. Krijoni një regjistrim A për blog dhe jepni një IP të rreme (kjo është një DNSrekomandim i zyrtarizuarHapi 2: Tokeni i Cloudflare
Profili im
Tokena API -> tab-> Krijo Token të Personalizuar Create Token -> Këtu do t'ju duhet të kufizoni tokenin në llogaritë dhe zonat, por të lini mundësinë Edit për lejet e përmendura në imazhin e dhënë.
Ruani tokenin për të ardhmen, do na nevojitet në pjesën e tretë.
Hapi 3: Merrni accountid dhe zoneid
â [paneli i djathtĂ«]
Domen â PĂ«rmbledhje Ruani ato pranĂ« tokenit, do t'ju nevojiten edhe ato nĂ« pjesĂ«n e tretĂ«.
Hapi 4: Aktivizimi i Workers
Menaxho Workers
Zgjidhni njĂ« emĂ«r unik dhe tarifĂ«n e Workers â Unlimited (5 dollarĂ« nĂ« muaj pĂ«r sot). NĂ«se dĂ«shironi, mĂ« vonĂ« mund tĂ« kaloni nĂ« versionin falas.
Domen â Workers â UnĂ« e bĂ«ra depoyn e parĂ« manualisht, pĂ«r tĂ« kuptuar se çfarĂ« po ndodhte nĂ« tĂ« vĂ«rtetĂ«. Edhe pse gjithçka mund tĂ« bĂ«het mĂ« thjesht:
Instaloni wrangler:
npm i @cloudflare/wrangler -g
Shkoni në direktorinë e blogut tonë:
Nisni wrangler:
wrangler init â site hugo-workerKrijoni njĂ« konfigurim pĂ«r wrangler (shkruani tokenin kur t'ju kĂ«rkohet):
Zgjidhni një temë (wrangler config
Tani le të provojmë të bëjmë ndryshime në skedarin e sapo krijuarwrangler.toml
listë e plotë e konfigurimeve të mundshme):
accountid dhe zoneid në diçka si * ( blog.example.com/*
Tregojmë workersdev
Ndryshojmë route (ose aty ku ndodhet faqja juaj statike)Nëse keni më shumë se një domen në rrugë, atëherë duhen korrigjuar rrugët në skriptin e punës:
Tregojmë false për (shihni funksionin
handleEvent Shkëlqyeshëm, është koha për të depoyuar faqen me komandën
wrangler publish workers-site/index.js Pjesa 4: Automatizimi i depoy-t Ky udhëzues është për Gitlab, por përcjell thelbin dhe thjeshtësinë e depoy-it të automatizuar në përgjithësi.)
Hapi 1: Krijoni dhe konfigurojeni projektin tonë Krijoni një projekt të ri GitLab dhe ngarkoni faqen: direktoria.
blog.example.com
me gjithë përmbajtjen duhet të jetë në katalogun rrënjësor të projektit
Caktoni
CFAPITOKEN këtu: Hapi 2: Krijoni skedarin .gitlab-ci.yml dhe nisim depoy-n e parë
nĂ« rrĂ«njĂ« me pĂ«rmbajtjen e mĂ«poshtme: ndryshoren CFAPITOKEN kĂ«tu: CilĂ«simet â CI/CD â Variablat
Hapi 2: Krijoni skedarin .gitlab-ci.yml dhe nisni shpërndarjen e parë
Krijoni skedarin .gitlab-ci.yml në rrënjën me përmbajtjen e mëposhtme:
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 # ky punë do të ndikojë vetëm në degën 'master'
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 # ky punë do të ndikojë vetëm në degën 'master'
tags:
- gitlab-org-docker #Nisni fillon dislokimin manualisht (CI / CD â Pipelines â DĂ«rgo Pipeline) ose duke dĂ«rguar commit nĂ« degĂ«n master. Ja ku jemi!
PĂ«rfundimi
Epo, ndoshta e kam nënvlerësuar pak dhe e gjithë procedura zgjati pak më shumë se dhjetë minuta. Por tani keni një faqe të shpejtë me dislokim automatizuar dhe disa ide të reja se çfarë mund të bëni me Workers.
     Â
Burimi: habr.com
