Hei! Nimeni on Dima, olen Wriken SysOps-tiimin tekninen johtaja. Tässä artikkelissa kerron sinulle kuinka saada verkkosivusto mahdollisimman lähelle käyttäjää 10 minuutissa ja 5 dollarilla kuukaudessa ja automatisoida sen käyttöönotto. Artikkelilla ei ole juuri mitään tekemistä tiimissämme ratkaisemien ongelmien kanssa. Tämä on pikemminkin henkilökohtainen kokemukseni ja vaikutelmani minulle uuteen tekniikkaan tutustumisesta. Yritin kuvata vaiheet mahdollisimman yksityiskohtaisesti, jotta ohjeet olisivat hyödyllisiä eri kokemuksen omaaville. Toivottavasti nautit. Mennä!
Joten ehkä olet jo löytänyt yksinkertaisen ja halvan tavan isännöidä verkkosivustoa. Ehkä jopa ilmainen, kuten tässä kuvataan.
Mutta yhtäkkiä olet silti kyllästynyt ja haluat koskettaa teknologian rohkeaa uutta maailmaa? Oletetaan, että harkitset käyttöönoton automatisoimista ja haluaisit nopeuttaa sivustoasi mahdollisimman paljon? Tässä artikkelissa käytämme, mutta tämä on valinnaista.
Käytämme Gitlab CI/CD:tä automaatioon, mutta entä kiihdytys? Otetaan sivusto käyttöön suoraan Cloudflareen käyttämällä.
Mitä tarvitaan aloittamiseen:
-
Gitlab (oma tai )
-
Cloudflaressa
-
Asennettu
Osa 1: Hugon asentaminen
Jos sinulla on jo Hugo asennettuna tai jos haluat käyttää toista staattista sivustogeneraattoria (tai et käytä sellaista ollenkaan), voit ohittaa tämän osan.
-
Lataa Hugo osoitteesta
-
Sijoitamme Hugo-suoritettavan tiedoston jonkin kohdassa määritellyistä tiedostoista tapoja
-
Uuden sivuston luominen:
hugo new site blog.example.com -
Vaihda nykyinen hakemisto äskettäin luotuun:
cd blog.example.com -
Valitse suunnitteluteema ( tai miten vaan)
-
Luodaan ensimmäinen viesti:
hugo new posts/my-amazing-post.md -
Lisää sisältöä luotuun tiedostoon: content/posts/my-mazing-post.md.
Kun kaikki on tehty, muuta luonnosarvoksi väärä -
Staattisten tiedostojen luominen:
hugo -D
Nyt staattinen sivustomme sijaitsee hakemiston sisällä ./julkinen ja valmiina ensimmäistä manuaalista käyttöönottoa varten.
Osa 2: Cloudflaren määrittäminen
Katsotaanpa nyt Cloudflaren alkuasetuksia. Oletetaan, että meillä on jo verkkotunnus sivustolle. Otetaanpa esimerkkinä blogi.esimerkki.fi.
Vaihe 1: Luo DNS-merkintä
Valitse ensin verkkotunnuksemme ja sitten valikkokohta DNS. Luomme blogiin A-tietueen ja ilmoitamme sille kuvitteellisen IP-osoitteen (tämä on virallinen, mutta he olisivat voineet tehdä siitä hieman kauniimman).
Vaihe 2: Cloudflare Token
-
Oma profiili: -> API-tunnukset välilehti-> Luo tunnus -> Luo mukautettu tunnus
Tässä sinun on rajoitettava tunnukset tileihin ja vyöhykkeisiin, mutta jätä Muokkaa-vaihtoehto kuvassa lueteltuihin käyttöoikeuksiin.
Tallenna token tulevaisuutta varten, tarvitsemme sitä kolmannessa osassa.
Vaihe 3: Hanki accountid ja zoneid
Domain → Yleiskatsaus → [oikea sivupalkki]
Nämä ovat minun, älä käytä niitä kiitos :)
Tallenna ne merkin viereen, tarvitsemme niitä myös kolmannessa osassa.
Vaihe 4: Aktivoi työntekijät
Domain → työntekijät → Työntekijöiden hallinta
Valitsemme yksilöllisen nimen ja tariffin Workers → Unlimited (5 dollaria kuukaudessa tänään). Halutessasi voit päivittää myöhemmin ilmaiseen versioon.
Osa 3: Ensimmäinen käyttöönotto (manuaalinen käyttöönotto)
Tein ensimmäisen manuaalisen käyttöönoton saadakseni selville, mitä siellä todella tapahtuu. Vaikka kaikki tämä voidaan tehdä yksinkertaisemmin:
-
Asenna wrangler:
npm i @cloudflare/wrangler -g -
Siirrytään blogimme hakemistoon:
cd blog.example.com -
Käynnistä wrangler:
wrangler init — site hugo-worker -
Luo konfiguraatio wranglerille (kirjoita token pyydettäessä):
wrangler config
Yritetään nyt tehdä muutoksia juuri luotuun tiedostoon wrangler.toml ( täydellinen luettelo mahdollisista asetuksista):
-
Osoitamme accountid ja zoneid
-
Muutamme reitti johonkin kuten *blogi.esimerkki.fi/*
-
Osoitamme väärä varten työntekijätdev
-
Muuta ryhmäksi ./public (tai missä staattinen sivustosi sijaitsee)
-
Jos polussa on useampi kuin yksi verkkotunnus, sinun tulee korjata polku työskriptissä: työntekijät-sivusto/index.js (katso toiminto handevent)
Hienoa, on aika ottaa sivusto käyttöön tiimin avulla wrangler publish.
Osa 4: Käyttöönoton automatisointi
Tämä opas on kirjoitettu Gitlabille, mutta se kuvaa automatisoidun käyttöönoton olemuksen ja helppouden yleensä.
Vaihe 1: Luo ja määritä projektimme
-
Luo uusi GitLab-projekti ja lataa sivusto: hakemisto blogi.esimerkki.fi kaiken sisällön on sijaittava projektin juurihakemistossa
-
Asetamme muuttuja CFAPITOKEN tässä: Asetukset → CI / CD → Muuttujat
Vaihe 2: Luo .gitlab-ci.yml-tiedosto ja suorita ensimmäinen käyttöönotto
Luo tiedosto .gitlab-ci.yml juuressa seuraavalla sisällöllä:
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 #Käynnistämme ensimmäisen käyttöönoton manuaalisesti (CI/CD → putkistojen → Run Pipeline) tai sitoutumalla päähaaraan. Voila!
Johtopäätös
No, olen ehkä aliarvioinut sitä hieman, ja koko prosessi kesti hieman yli kymmenen minuuttia. Mutta nyt sinulla on nopea sivusto, jossa on automaattinen käyttöönotto ja tuoreita ideoita siitä, mitä muuta voit tehdä Workersin kanssa.
Lähde: will.com