Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Hei Habr!

Yn yr erthygl hon, byddaf yn dweud wrthych sut i gynnal gwefan sefydlog yn hawdd ac yn syml gan ddefnyddio technolegau Yandex, sef Storio Gwrthrychau.

Yn y diwedd, bydd gennych wefan a gynhelir ar y we a fydd yn hygyrch trwy ddolen allanol.

Bydd yr erthygl hon yn ddefnyddiol os ydych chi

  • Datblygwr dechreuwyr sy'n dysgu rhaglennu yn unig;
  • Datblygwr sydd wedi gwneud portffolio ac sydd am ei roi yn y parth cyhoeddus i'w ddangos i ffrindiau a chyflogwyr.

Amdanaf fy hun

Yn ddiweddar, roeddwn yn datblygu gwasanaeth SaaS, math o farchnad lle mae pobl yn dod o hyd i hyfforddwyr chwaraeon ar gyfer hyfforddiant personol. Wedi defnyddio pentwr Gwasanaethau Gwe Amazon (y cyfeirir ato o hyn ymlaen fel AWS). Ond po ddyfnach i mi blymio i mewn i'r prosiect, y mwyaf o arlliwiau a ddysgais am y gwahanol brosesau o drefnu cychwyniad.

Cefais y problemau canlynol:

  • Roedd AWS yn defnyddio llawer o arian. Ar Γ΄l gweithio am 3 blynedd mewn cwmnΓ―au Menter, deuthum i arfer Γ’ llawenydd fel Docker, Kubernetes, CI/CD, lleoli gwyrddlas, ac, fel rhaglennydd cychwyn uchelgeisiol, roeddwn i eisiau gweithredu'r un peth. O ganlyniad, deuthum i'r casgliad bod AWS yn bwyta 300-400 bychod bob mis. Trodd Kubernetes allan i fod y drutaf, tua 100 bychod, gydag isafswm cyflog o un clwstwr ac un nod.
    ON Nid oes angen gwneud hyn ar y dechrau.
  • Nesaf, gan feddwl am yr ochr gyfreithiol, dysgais am gyfraith 152-FZ, a ddywedodd rhywbeth fel y canlynol: "Rhaid storio data personol dinasyddion Ffederasiwn Rwsia ar diriogaeth Ffederasiwn Rwsia", dirwyon fel arall, nad oeddwn i eisiau. Penderfynais fynd i'r afael Γ’'r materion hyn cyn iddo ddod ataf oddi uchod :).

Wedi'i ysbrydoli erthygl ynghylch mudo seilwaith o Amazon Web Services i Yandex.Cloud, penderfynais astudio stac Yandex yn fwy manwl.

I mi, nodweddion allweddol Yandex.Cloud oedd y canlynol:

Astudiais gystadleuwyr eraill y gwasanaeth hwn, ond ar y pryd roedd Yandex yn ennill.

Rwyf wedi dweud wrthych amdanaf fy hun, felly gallwn ddechrau busnes.

Cam 0. Paratoi'r safle

Yn gyntaf, mae angen gwefan yr ydym am ei gosod ar y Rhyngrwyd. Gan fy mod yn ddatblygwr Angular, byddaf yn gwneud templed cais SPA syml, y byddaf wedyn yn ei bostio ar y Rhyngrwyd.

PS Pwy sy'n deall Angular neu'n gwybod am ei ddogfennaeth https://angular.io/guide/setup-local, mynd i Cam 1.

Gadewch i ni osod Angular-CLI i greu safleoedd SPA yn Angular:

npm install -g @angular/cli

Gadewch i ni greu cymhwysiad Angular gan ddefnyddio'r gorchymyn canlynol:

ng new angular-habr-object-storage

Nesaf, ewch i'r ffolder cais a'i lansio i wirio ei ymarferoldeb:

cd angular-habr-object-storage
ng serve --open

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Mae'r cais wedi'i greu, ond nid yw'n barod i'w gynnal eto. Gadewch i ni gydosod y cais yn adeilad bach (Cynhyrchu) i gael gwared ar yr holl bethau diangen a gadael y ffeiliau angenrheidiol yn unig.
Yn Angular gallwch chi wneud hyn gyda'r gorchymyn canlynol:

ng build --prod

O ganlyniad i'r gorchymyn hwn, ymddangosodd ffolder yng ngwraidd y cais dist gyda'n gwefan.

Yn gweithio. Nawr, gadewch i ni symud ymlaen i westeio.

Cam 1.

Gadewch i ni fynd i'r safle https://console.cloud.yandex.ru/ a chliciwch ar y botwm "Cysylltu".

Nodyn:

  • I ddefnyddio'r gwasanaeth Yandex, efallai y bydd angen post Yandex arnoch (ond nid yw hyn yn sicr)
  • Ar gyfer rhai swyddogaethau bydd yn rhaid i chi adneuo arian i'ch cyfrif yn eich cyfrif personol (o leiaf 500 rubles).

Ar Γ΄l cofrestru ac awdurdodi llwyddiannus, rydym yn eich cyfrif personol.

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Nesaf ar y chwith yn y ddewislen mae angen i chi ddod o hyd i'r gwasanaeth "Object Storage", y byddwn yn ei ddefnyddio ar gyfer cynnal y wefan.

Yn fyr mewn termau:

  • Mae Object Storage yn storfa ffeiliau sy'n gydnaws Γ’ thechnoleg AWS S3 tebyg Amazon, sydd hefyd Γ’'i API ei hun ar gyfer rheoli storio o god ac, fel AWS S3, gellir ei ddefnyddio i gynnal safle sefydlog.
  • Yn Object Storage rydym yn creu "bwcedi" (bwcedi), sy'n ardaloedd storio ar wahΓ’n ar gyfer ein ffeiliau.

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Gadewch i ni greu un ohonyn nhw. I wneud hyn, yn y consol gwasanaeth, cliciwch ar y botwm "Creu bwced".

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Mae gan y ffurflen ar gyfer creu bwced y meysydd canlynol, gadewch i ni fynd trwyddynt:

  • Enw bwced. Er mwyn symlrwydd, gadewch i ni alw'r prosiect yr un peth ag Angular - angular-habr-object-storage
  • Max. maint. Rydyn ni'n betio cymaint ag y mae ein gwefan yn ei bwyso, gan nad yw'r wefan yn cael ei storio am ddim ac am bob gigabeit a ddyrennir, byddwn yn talu ceiniog bert i Yandex.
  • Mynediad i wrthrychau darllen. Rydym yn ei osod i β€œGyhoeddus”, gan fod yn rhaid i'r defnyddiwr dderbyn pob ffeil o'n gwefan sefydlog fel y gellir tynnu'r cynllun yn gywir arno, gellir prosesu sgriptiau, ac ati.
  • Mynediad i'r rhestr o wrthrychau a gosodiadau Mynediad i ddarllen. Ei adael fel "Cyfyngedig". Mae hyn yn angenrheidiol er mwyn defnyddio'r bwced fel storfa ffeiliau fewnol ar gyfer ceisiadau.
  • Dosbarth storio. Ei adael fel "Safon". Mae hyn yn golygu yr ymwelir Γ’'n gwefan yn aml, ac felly bydd y ffeiliau sy'n rhan o'r wefan yn cael eu llwytho i lawr yn aml. Hefyd mae'r eitem yn effeithio ar berfformiad a thaliad (mewnosodwch y ddolen).

Cliciwch β€œCreu bwced” a chrΓ«ir y bwced.

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Nawr mae angen i ni uwchlwytho ein gwefan i'r bwced. Y ffordd hawsaf yw agor ffolder gerllaw dist ein gwefan a'i lusgo'n syth i'r dudalen gan ddefnyddio dolenni. Mae hyn yn fwy cyfleus na chlicio ar y botwm "Llwytho gwrthrychau", oherwydd yn yr achos hwn nid yw'r ffolderi'n cael eu trosglwyddo a bydd yn rhaid i chi eu creu Γ’ llaw yn y dilyniant cywir.

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Felly, mae'r wefan yn cael ei llwytho i mewn i'r storfa, fel y gallwn roi cyfle i ddefnyddwyr gael mynediad i'r storfa fel gwefan.
I wneud hyn, ar ochr chwith y ddewislen, cliciwch ar y tab "Gwefan".

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Ar y dudalen ar gyfer sefydlu bwced fel gwefan, dewiswch y tab β€œHosting”. Yma rydym yn nodi prif dudalen y wefan, fel arfer index.html. Os oes gennych gais SPA, yna mae'n debyg bod yr holl wallau hefyd yn cael eu prosesu ar y brif dudalen, felly byddwn hefyd yn nodi index.html ar y dudalen gwallau.

Rydym yn gweld yn syth pa ddolen y bydd ein gwefan yn hygyrch. Cliciwch arbed.

Ar Γ΄l tua 5 munud, wrth glicio ar y ddolen, gwelwn fod ein gwefan bellach ar gael i bawb.

Sut i gynnal gwefan sefydlog gan ddefnyddio Yandex.Cloud Object Storage

Diolch i bawb a ddarllenodd hyd y diwedd! Dyma fy erthygl gyntaf; Rwy'n bwriadu disgrifio gwasanaethau Yandex eraill ymhellach a'u hintegreiddio Γ’ thechnolegau blaen a chefn.

Ysgrifennwch yn y sylwadau faint o ddiddordeb sydd gennych mewn dysgu am wasanaethau Yandex eraill neu am y defnydd o Angular mewn datblygiad modern.

Ffynhonnell: hab.com

Ychwanegu sylw