Salam! Mənim adım Dima, mən Wrike-də SysOps komandasının texniki rəhbəriyəm. Bu yazıda sizə 10 dəqiqə və ayda 5 dollara bir veb saytı istifadəçiyə mümkün qədər yaxın etmək və onun yerləşdirilməsini avtomatlaşdırmaq yollarını izah edəcəyəm. Məqalənin komandamız daxilində həll etdiyimiz problemlərlə demək olar ki, heç bir əlaqəsi yoxdur. Bu, daha çox mənim şəxsi təcrübəm və mənim üçün yeni olan bir texnologiya ilə tanış olmaq təəssüratlarımdır. Təlimatların müxtəlif təcrübələri olan insanlar üçün faydalı olması üçün addımları mümkün qədər ətraflı təsvir etməyə çalışdım. Ümid edirəm zövq alacaqsınız. Get!
Beləliklə, bəlkə də veb saytı yerləşdirməyin sadə və ucuz bir yolunu tapmısınız. Bəlkə də burada təsvir olunduğu kimi pulsuzdur.
Ancaq birdən siz hələ də cansıxıcısınız və texnologiyanın cəsur yeni dünyasına toxunmaq istəyirsiniz? Deyək ki, siz yerləşdirməni avtomatlaşdırmaq barədə düşünürsünüz və saytınızı mümkün qədər sürətləndirmək istəyirsiniz? Bu yazıda istifadə edəcəyik, lakin bu isteğe bağlıdır.
Avtomatlaşdırma üçün Gitlab CI/CD-dən istifadə edirik, lakin sürətləndirmə haqqında nə demək olar? Saytı istifadə edərək birbaşa Cloudflare-ə yerləşdirək.
Başlamaq üçün nə lazımdır:
-
Gitlab (özünüz və ya )
-
Cloudflare-də
-
Quruldu
Hissə 1: Hugo quraşdırılması
Əgər sizdə artıq Hugo quraşdırılıbsa və ya başqa statik sayt generatoruna üstünlük verirsinizsə (və ya heç istifadə etmirsinizsə), onda bu hissəni atlaya bilərsiniz.
-
Hugo-dan yükləyin
-
Hugo icra edilə bilən faylını -də müəyyən edilənlərdən birinə uyğun olaraq yerləşdiririk yollar
-
Yeni saytın yaradılması:
hugo new site blog.example.com -
Cari qovluğu yeni yaradılmış qovluğa dəyişdirin:
cd blog.example.com -
Dizayn mövzusu seçin ( ya da neyse)
-
Gəlin ilk postu yaradaq:
hugo new posts/my-amazing-post.md -
Yaradılmış fayla məzmun əlavə edin: content/posts/my-amazing-post.md.
Hər şey edildikdə, qaralama dəyərini dəyişdirin saxta -
Statik faylların yaradılması:
hugo -D
İndi statik saytımız kataloq daxilində yerləşir ./ictimai və ilk əl ilə yerləşdirmənizə hazırsınız.
2-ci hissə: Cloudflare-in qurulması
İndi Cloudflare-in ilkin quraşdırılmasına baxaq. Tutaq ki, artıq sayt üçün domenimiz var. Nümunə kimi götürək blog.example.com.
Addım 1: DNS girişi yaradın
Əvvəlcə domenimizi, sonra isə menyu elementini seçin DNS. A-rekord bloqunu yaradırıq və bunun üçün bəzi uydurma İP göstəririk (bu rəsmidir, amma bir az daha gözəl edə bilərdilər).
Addım 2: Cloudflare Token
-
Mənim Hesabım -> API tokenləri nişanı-> Token yaradın -> Xüsusi Token yaradın
Burada işarəni hesablar və zonalarla məhdudlaşdırmalı olacaqsınız, lakin şəkildə sadalanan icazələr üçün Redaktə et seçimini buraxın.
Tokeni gələcək üçün saxla, üçüncü hissədə bizə lazım olacaq.
Addım 3: Accountid və zoneid əldə edin
Domain → Baxış → [sağ yan panel]
Bunlar mənimdir, onlardan istifadə etməyin :)
Onları nişanın yanında saxlayın, üçüncü hissədə də onlara ehtiyacımız olacaq.
Addım 4: İşçiləri aktivləşdirin
Domain → İşçi → İşçiləri idarə edin
Biz unikal ad və tarif seçirik İşçilər → Limitsiz (bu gün ayda 5 dollar). İstəyirsinizsə, daha sonra pulsuz versiyaya yüksəldə bilərsiniz.
Hissə 3: İlk yerləşdirmə (əllə yerləşdirmə)
Mən orada həqiqətən nə baş verdiyini öyrənmək üçün ilk əl ilə yerləşdirməni etdim. Bütün bunlar daha sadə olsa da:
-
Wrangler quraşdırın:
npm i @cloudflare/wrangler -g -
Gəlin bloqumuzun kataloquna keçək:
cd blog.example.com -
Wrangler-i işə salın:
wrangler init — site hugo-worker -
Wrangler üçün konfiqurasiya yaradın (sual edildikdə işarəni daxil edin):
wrangler config
İndi yeni yaradılmış faylda dəyişiklik etməyə çalışaq wrangler.toml ( mümkün parametrlərin tam siyahısı):
-
Göstərin mühasibat və zonaid
-
Dəyişdirin marşrut * kimi bir şeyəblog.example.com/*
-
Göstərin saxta uğrunda işçilərdev
-
Kovanı ./public olaraq dəyişin (və ya statik saytınızın yerləşdiyi yer)
-
Yolda birdən çox domeniniz varsa, iş skriptindəki yolu düzəltməlisiniz: işçilər-site/index.js (bax funksiya handleEvent)
Əla, komandadan istifadə edərək saytı yerləşdirməyin vaxtıdır wrangler publish.
4-cü hissə: Yerləşdirmənin avtomatlaşdırılması
Bu təlimat Gitlab üçün yazılmışdır, lakin o, ümumiyyətlə avtomatlaşdırılmış yerləşdirmənin mahiyyətini və asanlığını əks etdirir.
Addım 1: Layihəmizi yaradın və konfiqurasiya edin
-
Yeni GitLab layihəsi yaradın və saytı yükləyin: kataloq blog.example.com bütün məzmunu ilə layihənin kök kataloqunda yerləşməlidir
-
Biz təyin etdik dəyişən CFAPITÖKƏN burada: Parametrlər → CI / CD → Dəyişənlər
Addım 2: .gitlab-ci.yml faylı yaradın və ilk yerləşdirməni işə salın
Fayl yaradın .gitlab-ci.yml aşağıdakı məzmunla kökdə:
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 #İlk yerləşdirməni əl ilə işə salırıq (CI/CD → Boru kəmərləri → Boru Kəmərini işə salın) və ya master filialına müraciət etməklə. Voila!
Nəticə
Ola bilsin ki, mən bunu bir az aşağı salmışam və bütün proses cəmi on dəqiqə çəkdi. Amma indi sizin avtomatik yerləşdirmə ilə sürətli saytınız və İşçilər ilə başqa nə edə biləcəyiniz haqqında bəzi təzə fikirləriniz var.
Mənbə: www.habr.com