Përshëndetje! Emri im është Dima, unë jam një drejtues teknik për ekipin SysOps në Wrike. Në këtë artikull do t'ju tregoj se si të bëni një faqe interneti sa më afër përdoruesit në 10 minuta dhe 5 dollarë në muaj dhe të automatizoni vendosjen e saj. Artikulli nuk ka pothuajse asnjë lidhje me problemet që ne zgjidhim brenda ekipit tonë. Kjo është më tepër përvoja ime personale dhe përshtypjet e njohjes me një teknologji që është e re për mua. U përpoqa t'i përshkruaj hapat sa më shumë të jetë e mundur në mënyrë që udhëzimet të jenë të dobishme për njerëzit me përvojë të ndryshme. Unë shpresoj se ju do të gëzojnë. Shkoni!
Pra, ndoshta ju keni gjetur tashmë një mënyrë të thjeshtë dhe të lirë për të pritur një faqe interneti. Ndoshta edhe falas, siç përshkruhet në këtë.
Por befas jeni ende i mërzitur dhe dëshironi të prekni botën e re të guximshme të teknologjisë? Le të themi se po mendoni për automatizimin e vendosjes dhe dëshironi të shpejtoni faqen tuaj sa më shumë që të jetë e mundur? Në këtë artikull do të përdorim, por kjo është fakultative.
Ne përdorim Gitlab CI/CD për automatizim, por çfarë ndodh me përshpejtimin? Le ta vendosim faqen direkt në Cloudflare duke përdorur.
ĂfarĂ« kĂ«rkohet pĂ«r tĂ« filluar:
Gitlab (i juaji ose )
në Cloudflare
Instaluar
Pjesa 1: Instalimi i Hugo
Nëse tashmë keni të instaluar Hugo, ose nëse preferoni një gjenerues tjetër statik të faqes (ose nuk e përdorni fare), atëherë mund ta kaloni këtë pjesë.
Shkarko Hugo nga
Ne vendosim skedarin e ekzekutueshëm Hugo sipas një prej atyre të përcaktuara në mënyrat
Krijimi i një faqeje të re:
hugo new site blog.example.comNdryshoni drejtorinë aktuale në atë të krijuar rishtazi:
cd blog.example.comZgjidhni një temë të projektimit ( ose çfarëdo)
Le të krijojmë postimin e parë:
hugo new posts/my-amazing-post.mdShtoni përmbajtje në skedarin e krijuar: përmbajtje/post/my-amamazing-post.md.
Kur gjithçka të ketë përfunduar, ndryshoni vlerën e draftit në i rremëGjenerimi i skedarëve statikë:
hugo -D
Tani faqja jonë statike ndodhet brenda një drejtorie ./publik dhe gati për vendosjen tuaj të parë manuale.
Pjesa 2: Vendosja e Cloudflare
Tani le të shohim konfigurimin fillestar të Cloudflare. Le të supozojmë se tashmë kemi një domen për sitin. Le të marrim si shembull blog.example.com.
Hapi 1: Krijoni një hyrje DNS
Së pari, zgjidhni domenin tonë dhe më pas artikullin e menysë DNS. Ne krijojmë një rekord në blog dhe tregojmë disa IP fiktive për të (ky është zyrtari, por mund ta kishin bërë pak më të bukur).
Hapi 2: Token Cloudflare
My Profile -> Shenjat API tab-> Krijoni Token -> Krijo Token të personalizuar
Këtu do t'ju duhet të kufizoni tokenin në llogaritë dhe zonat, por lini opsionin Edit për lejet e listuara në foto.
Ruajeni shenjën për të ardhmen, do të na duhet në pjesën e tretë.
Hapi 3: Merrni llogari dhe zona
FushĂ« â PĂ«rmbledhje â [shiriti anĂ«sor i djathtĂ«]
Këto janë të miat, mos i përdorni ju lutem :)
Ruajini pranë tokenit, do të na duhen edhe në pjesën e tretë.
Hapi 4: Aktivizoni Punëtorët
FushĂ« â PunĂ«torĂ«t â Menaxho punĂ«torĂ«t
Ne zgjedhim njĂ« emĂ«r unik dhe tarifĂ« PunĂ«torĂ«t â Pafund (5 dollarĂ« nĂ« muaj sot). NĂ«se dĂ«shironi, mund tĂ« pĂ«rmirĂ«soni mĂ« vonĂ« nĂ« versionin falas.
Pjesa 3: Vendosja e parë (vendosja manuale)
Bëra vendosjen e parë manuale për të zbuluar se çfarë po ndodhte me të vërtetë atje. Edhe pse e gjithë kjo mund të bëhet më e thjeshtë:
Instaloni wrangler:
npm i @cloudflare/wrangler -gLe të shkojmë në drejtorinë e blogut tonë:
cd blog.example.comLaunch wrangler:
wrangler init â site hugo-workerKrijoni njĂ« konfigurim pĂ«r wrangler (futni shenjĂ«n kur tĂ« kĂ«rkohet):
wrangler config
Tani le të përpiqemi të bëjmë ndryshime në skedarin e krijuar rishtazi grindavec.toml ( lista e plotë e cilësimeve të mundshme):
Ne tregojmë llogaritur dhe zoneid
Ndryshimi rrugë për diçka të tillë *blog.example.com/*
Ne tregojmë i rremë për punëtorëtdev
Ndrysho kovën në ./public (ose ku ndodhet faqja juaj statike)
Nëse keni më shumë se një domen në shtegun, atëherë duhet të korrigjoni shtegun në skriptin e punës: punëtorë-faqe/indeks.js (shih funksionin handleEvent)
E shkëlqyeshme, është koha për të vendosur faqen duke përdorur ekipin wrangler publish.
Pjesa 4: Automatizimi i vendosjes
Ky udhëzues është shkruar për Gitlab, por ai kap thelbin dhe lehtësinë e vendosjes së automatizuar në përgjithësi.
Hapi 1: Krijoni dhe konfiguroni projektin tonë
Krijoni një projekt të ri GitLab dhe ngarkoni direktorinë e sitit: blog.example.com me të gjitha përmbajtjet duhet të gjendet në direktorinë rrënjë të projektit
Ne vendosĂ«m e ndryshueshme CFAPITOKEN kĂ«tu: CilĂ«simet â CI / CD â Variablat
Hapi 2: Krijoni një skedar .gitlab-ci.yml dhe ekzekutoni vendosjen e parë
Krijo një skedar .gitlab-ci.yml në rrënjë me këtë përmbajtje:
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 #Ne nisim vendosjen e parĂ« me dorĂ« (CI/CD â tubacionet â Run Pipeline) ose duke u angazhuar nĂ« degĂ«n master. Voila!
PĂ«rfundim
Epo, mund ta kem nënvlerësuar pak, dhe i gjithë procesi zgjati pak më shumë se dhjetë minuta. Por tani ju keni një sajt të shpejtë me vendosje automatike dhe disa ide të reja se çfarë tjetër mund të bëni me Punëtorët.
Burimi: www.habr.com
