Jinsi ya kukaribisha tovuti tuli kwa kutumia Yandex.Cloud Object Storage

Habari Habr!

Katika makala hii, nitakuambia jinsi ya urahisi na kwa urahisi kukaribisha tovuti tuli kwa kutumia teknolojia ya Yandex, yaani. Uhifadhi wa Kitu.

Mwishowe, utakuwa na tovuti iliyopangishwa na wavuti ambayo itafikiwa kupitia kiungo cha nje.

Nakala hii itakuwa muhimu ikiwa wewe

• Msanidi programu anayeanza ambaye anajifunza tu kupanga;
• Msanidi programu ambaye ameunda kwingineko na anataka kuiweka kwenye kikoa cha umma ili kuionyesha kwa marafiki na waajiri.

Kuhusu mimi mwenyewe

Hivi majuzi, nilikuwa nikitengeneza huduma ya SaaS, aina ya soko ambapo watu hupata wakufunzi wa michezo kwa mafunzo ya kibinafsi. Ilitumia safu ya Huduma za Wavuti za Amazon (hapa inajulikana kama AWS). Lakini kadiri nilivyoingia kwenye mradi huo, ndivyo nuances zaidi niliyojifunza juu ya michakato tofauti ya kuandaa uanzishaji.

Nilikumbana na matatizo yafuatayo:

• AWS потреблял много денег. Поработав 3 года в Enterprise компаниях, я привык к таким радостям, как Docker, Kubernetes, CI/CD, blue green deployment, и, как начинающий программист-стартапер, захотел реализовать тоже самое. В итоге пришел к тому, что ежемесячно AWS потреблял по 300-400 баксов. Самым дорогим оказался Kubernetes, около 100 баксов, при минималке с одним кластером и одной нодой.
  PS Hakuna haja ya kufanya hivi mwanzoni.
• Kisha, nikifikiria upande wa kisheria, nilijifunza juu ya sheria 152-FZ, ambayo ilisema kitu kama hiki: "Takwimu za kibinafsi za raia wa Shirikisho la Urusi lazima zihifadhiwe kwenye eneo la Shirikisho la Urusi", vinginevyo faini, ambayo sikutaka. Niliamua kushughulikia maswala haya kabla ya kunijia kutoka juu :).

Iliyoongozwa makala kuhusu kuhama miundombinu kutoka kwa Amazon Web Services hadi Yandex.Cloud, niliamua kujifunza stack ya Yandex kwa undani zaidi.

Kwangu, vipengele muhimu vya Yandex.Cloud vilikuwa vifuatavyo:

• Mara 2-3 nafuu (kulingana na kifungu hapo juu na orodha za bei za umma)
• Uhifadhi wa data ya kibinafsi ya watumiaji kwenye eneo la Shirikisho la Urusi, ambayo Amazon kubwa bado haiwezi kufikia.

Nilisoma washindani wengine wa huduma hii, lakini wakati huo Yandex ilikuwa ikishinda.

Nimekuambia kunihusu, ili tuanze biashara.

Hatua ya 0. Tayarisha tovuti

Kwanza, tunahitaji tovuti ambayo tunataka kuweka kwenye mtandao. Kwa kuwa mimi ni msanidi wa Angular, nitafanya template rahisi ya maombi ya SPA, ambayo nitachapisha kwenye mtandao.

PS Ambaye anaelewa Angular au anajua kuhusu nyaraka zake https://angular.io/guide/setup-local, enda kwa Hatua ya 1.

Wacha tusakinishe Angular-CLI ili kuunda tovuti za SPA katika Angular:

npm install -g @angular/cli

Wacha tuunda programu ya Angular kwa kutumia amri ifuatayo:

ng new angular-habr-object-storage

Ifuatayo, nenda kwenye folda ya programu na uzindue ili kuangalia utendakazi wake:

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

Programu imeundwa, lakini bado haijawa tayari kupangishwa. Wacha tukusanye programu kwenye muundo mdogo (Uzalishaji) ili kuondoa vitu vyote visivyo vya lazima na kuacha faili muhimu tu.
Katika Angular unaweza kufanya hivyo kwa amri ifuatayo:

ng build --prod

Kama matokeo ya amri hii, folda ilionekana kwenye mzizi wa programu dist na tovuti yetu.

Inafanya kazi. Sasa hebu tuendelee kwenye kukaribisha.

Hatua 1.

Twende kwenye tovuti https://console.cloud.yandex.ru/ na bonyeza kitufe cha "Unganisha".

Kumbuka:

• Ili kutumia huduma ya Yandex, unaweza kuhitaji barua ya Yandex (lakini hii sio hakika)
• Kwa kazi zingine utalazimika kuweka pesa kwenye akaunti yako katika akaunti yako ya kibinafsi (kiwango cha chini cha rubles 500).

Baada ya usajili na idhini iliyofanikiwa, tuko kwenye akaunti yako ya kibinafsi.

Ifuatayo upande wa kushoto kwenye menyu unahitaji kupata huduma ya "Hifadhi ya Kitu", ambayo tutatumia kwa mwenyeji wa tovuti.

Kwa kifupi kwa maneno:

• Hifadhi ya Kitu ni hifadhi ya faili inayooana na teknolojia ya Amazon ya AWS S3, ambayo pia ina API yake ya kudhibiti uhifadhi kutoka kwa msimbo na, kama AWS S3, inaweza kutumika kupangisha tovuti tuli.
• Katika Hifadhi ya Kitu tunaunda "ndoo" (ndoo), ambazo ni maeneo tofauti ya kuhifadhi faili zetu.

Hebu tuunde mmoja wao. Ili kufanya hivyo, kwenye koni ya huduma, bonyeza kitufe cha "Unda ndoo".

Fomu ya kuunda ndoo ina sehemu zifuatazo, wacha tuzipitie:

• Jina la ndoo. Kwa unyenyekevu, wacha tuite mradi sawa na Angular - angular-habr-object-storage
• Max. ukubwa. Tunacheza kadiri tovuti yetu inavyopima, kwani tovuti haijahifadhiwa bure na kwa kila gigabyte iliyotengwa, tutalipa Yandex senti nzuri.
• Upatikanaji wa kusoma vitu. Tunaiweka kwa "Umma", kwa kuwa mtumiaji lazima apokee kila faili ya tovuti yetu ya tuli ili mpangilio uweze kuchorwa kwa usahihi juu yake, hati zinaweza kusindika, nk.
• Ufikiaji wa orodha ya vitu na Ufikiaji wa kusoma mipangilio. Iache kama "Mdogo". Hii ni muhimu ili kutumia ndoo kama hifadhi ya ndani ya faili za programu.
• Darasa la kuhifadhi. Iache kama "Standard". Hii ina maana kwamba tovuti yetu itatembelewa mara kwa mara, na kwa hiyo faili zinazounda tovuti zitapakuliwa mara kwa mara. Pamoja na bidhaa huathiri utendaji na malipo (ingiza kiungo).

Bonyeza "Unda ndoo" na ndoo imeundwa.

Sasa tunahitaji kupakia tovuti yetu kwenye ndoo. Njia rahisi ni kufungua folda iliyo karibu dist tovuti yetu na iburute moja kwa moja kwenye ukurasa kwa kutumia vipini. Hii ni rahisi zaidi kuliko kubonyeza kitufe cha "Pakia vitu", kwa sababu katika kesi hii folda hazijahamishwa na utalazimika kuziunda kwa mikono kwa mlolongo sahihi.

Kwa hivyo, tovuti imepakiwa kwenye hifadhi, ili tuweze kuwapa watumiaji fursa ya kufikia hifadhi kama tovuti.
Ili kufanya hivyo, bonyeza kwenye kichupo cha "Tovuti" upande wa kushoto wa menyu.

Kwenye ukurasa wa kusanidi ndoo kama tovuti, chagua kichupo cha "Kukaribisha". Hapa tunaonyesha ukurasa kuu wa tovuti, kwa kawaida index.html. Ikiwa una programu ya SPA, basi pengine makosa yote pia yanachakatwa kwenye ukurasa mkuu, kwa hivyo tutaonyesha pia index.html kwenye ukurasa wa hitilafu.

Mara moja tunaona ni kiungo gani ambacho tovuti yetu itapatikana kupitia. Bonyeza kuokoa.

Baada ya kama dakika 5, kubofya kiungo, tunaona kwamba tovuti yetu sasa inapatikana kwa kila mtu.

Asante kwa kila mtu ambaye alisoma hadi mwisho! Hii ni nakala yangu ya kwanza; Ninapanga kuelezea zaidi huduma zingine za Yandex na ujumuishaji wao na teknolojia za mbele na za nyuma.

Andika katika maoni jinsi unavyopenda kujifunza kuhusu huduma nyingine za Yandex au kuhusu matumizi ya Angular katika maendeleo ya kisasa.

Chanzo: mapenzi.com