Yuav ua li cas los tuav lub vev xaib zoo li qub siv Yandex.Cloud Object Storage

Hlo Habr!

Hauv tsab xov xwm no, kuv yuav qhia koj yuav ua li cas yooj yim thiab yooj yim tuav lub vev xaib zoo li qub siv Yandex thev naus laus zis, uas yog Yam khoom kwv.

Thaum kawg, koj yuav muaj lub vev xaib-hosted lub vev xaib uas yuav nkag tau los ntawm qhov txuas sab nraud.

Kab lus no yuav pab tau yog tias koj

• Ib tug pib tsim tawm uas nyuam qhuav kawm rau qhov program;
• Tus tsim tawm uas tau ua cov ntaub ntawv pov thawj thiab xav muab tso rau hauv cov pej xeem sau los qhia rau cov phooj ywg thiab cov chaw ua haujlwm.

Txog kuv tus kheej

Tsis ntev los no, kuv tab tom tsim kev pabcuam SaaS, ib hom kev lag luam uas tib neeg nrhiav cov kws qhia kis las rau kev cob qhia tus kheej. Siv Amazon Web Services pawg (tom qab no hu ua AWS). Tab sis qhov tob dua kuv nkag mus rau hauv qhov project, qhov ntau nuances kuv kawm txog cov txheej txheem sib txawv ntawm kev teeb tsa kev pib.

Kuv ntsib teeb meem hauv qab no:

• AWS tau siv nyiaj ntau heev. Tau ua haujlwm rau 3 xyoos hauv cov tuam txhab lag luam, kuv tau siv los ua kev xyiv fab xws li Docker, Kubernetes, CI / CD, xiav ntsuab xa tawm, thiab, raws li kev xav pib programmer, kuv xav siv tib yam. Raws li qhov tshwm sim, kuv tuaj txog qhov xaus tias AWS tau noj 300-400 bucks txhua hli. Kubernetes tau dhau los ua tus kim tshaj plaws, kwv yees li 100 bucks, nrog rau qhov nyiaj tsawg kawg nkaus ntawm ib pawg thiab ib qho.
  PS Tsis tas yuav ua qhov no thaum pib.
• Tom ntej no, xav txog kev cai lij choj, kuv kawm txog txoj cai 152-FZ, uas tau hais qee yam zoo li hauv qab no: "Tus kheej cov ntaub ntawv ntawm cov pej xeem ntawm Lavxias teb sab Federation yuav tsum tau muab khaws cia nyob rau hauv ib ncig ntawm lub Lavxias teb sab Federation", txwv tsis pub nplua, uas kuv tsis xav tau. Kuv txiav txim siab los daws cov teeb meem no ua ntej nws tuaj rau kuv saum toj no :).

Kev tshoov siab tsab xov xwm hais txog kev tsiv teb tsaws chaw los ntawm Amazon Web Services mus rau Yandex.Cloud, Kuv txiav txim siab los kawm txog Yandex pawg hauv kev nthuav dav ntxiv.

Rau kuv, cov yam ntxwv tseem ceeb ntawm Yandex.Cloud yog cov hauv qab no:

• 2-3 zaug pheej yig dua (raws li tsab xov xwm saum toj no thiab cov npe ntawm pej xeem cov nqi)
• Kev khaws cia ntawm tus kheej cov ntaub ntawv ntawm cov neeg siv ntawm thaj chaw ntawm Russia, uas zoo Amazon tseem tsis tuaj yeem ua tiav.

Kuv kawm lwm tus neeg sib tw ntawm qhov kev pabcuam no, tab sis lub sijhawm ntawd Yandex tau yeej.

Kuv twb qhia koj txog kuv tus kheej, yog li peb tuaj yeem nqis mus ua lag luam.

Kauj Ruam 0. Npaj qhov chaw

Ua ntej, peb xav tau lub vev xaib uas peb xav muab tso rau hauv Is Taws Nem. Txij li thaum kuv yog tus tsim tawm Angular, Kuv yuav ua tus qauv SPA daim ntawv thov yooj yim, uas kuv yuav tom qab tshaj tawm hauv Is Taws Nem.

PS Leej twg nkag siab Angular lossis paub txog nws cov ntaub ntawv https://angular.io/guide/setup-local, mus Kauj ruam 1.

Cia peb nruab Angular-CLI los tsim cov chaw SPA hauv Angular:

npm install -g @angular/cli

Cia peb tsim ib daim ntawv thov Angular siv cov lus txib hauv qab no:

ng new angular-habr-object-storage

Tom ntej no, mus rau hauv daim ntawv thov nplaub tshev thiab tso nws los xyuas nws cov haujlwm:

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

Daim ntawv thov tau tsim, tab sis tseem tsis tau npaj rau hosting. Cia peb sib sau ua ke daim ntawv thov mus rau hauv ib qho me me tsim (Kev Tsim Kho) kom tshem tawm txhua yam tsis tsim nyog thiab tawm tsuas yog cov ntaub ntawv tsim nyog.
Hauv Angular koj tuaj yeem ua qhov no nrog cov lus txib hauv qab no:

ng build --prod

Raws li qhov tshwm sim ntawm cov lus txib no, ib daim nplaub tshev tau tshwm sim hauv lub hauv paus ntawm daim ntawv thov dist nrog peb lub vev xaib.

Ua haujlwm. Tam sim no cia peb tsiv mus rau hosting.

Kauj ruam 1.

Wb mus rau qhov chaw https://console.cloud.yandex.ru/ thiab nyem rau ntawm "Connect" khawm.

Nco ntsoov:

• Txhawm rau siv qhov kev pabcuam Yandex, koj yuav xav tau Yandex xa ntawv (tab sis qhov no tsis paub meej)
• Rau qee qhov haujlwm koj yuav tsum tso nyiaj rau hauv koj tus as khauj hauv koj tus kheej tus account (yam tsawg kawg 500 rubles).

Tom qab ua tiav kev sau npe thiab kev tso cai, peb nyob hauv koj tus kheej tus account.

Tom ntej no ntawm sab laug hauv cov ntawv qhia zaub mov koj yuav tsum nrhiav qhov "Tsev Khoom" kev pabcuam, uas peb yuav siv rau hosting lub xaib.

Luv luv hauv nqe lus:

• Object Storage yog cov ntaub ntawv khaws cia tau sib xws nrog Amazon zoo li AWS S3 thev naus laus zis, uas kuj muaj nws tus kheej API rau kev tswj hwm kev cia los ntawm cov lej thiab, zoo li AWS S3, tuaj yeem siv los tuav lub vev xaib zoo li qub.
• Hauv Object Storage peb tsim "puas" (buckets), uas yog cais chaw cia rau peb cov ntaub ntawv.

Cia peb tsim ib qho ntawm lawv. Txhawm rau ua qhov no, hauv qhov kev pabcuam console, nyem rau ntawm "Tsim thoob" khawm.

Daim ntawv rau kev tsim lub thoob muaj cov nram qab no, cia peb mus dhau lawv:

• Lub npe thoob. Rau qhov yooj yim, cia peb hu rau qhov project tib yam li Angular - angular-habr-object-storage
• Max. qhov loj. Peb thawj koom ruam ntau npaum li peb qhov chaw hnyav, txij li lub xaib tsis tau khaws cia dawb thiab rau txhua qhov gigabyte faib, peb yuav them nyiaj rau Yandex zoo nkauj.
• Nkag mus nyeem cov khoom. Peb muab nws rau "Public", txij li tus neeg siv yuav tsum tau txais txhua cov ntaub ntawv ntawm peb qhov chaw zoo li qub kom cov txheej txheem tuaj yeem kos rau ntawm nws, cov ntawv sau tuaj yeem ua tiav, thiab lwm yam.
• Nkag mus rau cov npe ntawm cov khoom thiab Access los nyeem cov chaw. Cia nws li "Limited". Qhov no yog qhov tsim nyog txhawm rau siv lub thoob ua cov ntaub ntawv sab hauv rau kev siv.
• Chav kawm khaws cia. Cia nws ua "Standard". Qhov no txhais tau tias peb lub xaib yuav raug mus xyuas ntau zaus, thiab yog li ntawd cov ntaub ntawv uas tsim los ntawm lub xaib yuav nquag rub tawm. Ntxiv rau qhov khoom cuam tshuam kev ua haujlwm thiab kev them nyiaj (ntxig txuas).

Nyem "Tsim ib lub thoob" thiab lub thoob yog tsim.

Tam sim no peb yuav tsum upload peb qhov chaw mus rau lub thoob. Txoj kev yooj yim tshaj plaws yog qhib lub nplaub tshev nyob ze dist peb qhov chaw thiab luag nws ncaj qha mus rau nplooj ntawv siv tes. Qhov no yooj yim dua li nyem rau ntawm "Load khoom" khawm, vim hais tias nyob rau hauv cov ntaub ntawv no cov folders tsis pauv thiab koj yuav tsum tau tsim lawv manually nyob rau hauv raws li txoj cai.

Yog li, lub vev xaib raug thauj mus rau hauv qhov chaw khaws cia, yog li peb tuaj yeem muab cov neeg siv sijhawm nkag mus rau qhov chaw cia li lub vev xaib.
Txhawm rau ua qhov no, nyob rau sab laug ntawm cov ntawv qhia zaub mov, nyem rau ntawm "Website" tab.

Ntawm nplooj ntawv rau kev teeb tsa lub thoob li qhov chaw, xaiv "Hosting" tab. Ntawm no peb qhia cov nplooj ntawv tseem ceeb ntawm lub xaib, feem ntau yog index.html. Yog tias koj muaj daim ntawv thov SPA, ces tej zaum txhua qhov yuam kev kuj tau ua tiav ntawm nplooj ntawv tseem ceeb, yog li peb tseem yuav qhia index.html ntawm nplooj ntawv yuam kev.

Peb tam sim ntawd pom qhov txuas peb qhov chaw yuav nkag tau los ntawm. Nyem txuag.

Tom qab li 5 feeb, nyem rau ntawm qhov txuas, peb pom tias peb lub xaib tam sim no muaj rau txhua tus.

Ua tsaug rau txhua tus uas tau nyeem txog qhov kawg! Nov yog kuv thawj tsab xov xwm; Kuv npaj yuav piav qhia ntxiv txog lwm yam kev pabcuam Yandex thiab lawv kev koom ua ke nrog frontend thiab backend technologies.

Sau rau hauv cov lus hais tias koj txaus siab rau kev kawm txog lwm yam kev pabcuam Yandex lossis hais txog kev siv Angular hauv kev txhim kho niaj hnub no.

Tau qhov twg los: www.hab.com