Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Hey Habr!

Amin'ity lahatsoratra ity dia holazaiko aminao ny fomba fampiantranoana tranokala static amin'ny fampiasana ny teknolojia Yandex, izany hoe Toeram-piarovana.

Amin'ny farany dia hanana tranokala fampiantranoana tranonkala ianao izay azo idirana amin'ny alΓ lan'ny rohy ivelany.

Hahasoa ity lahatsoratra ity raha ianao

  • Mpamorona vao manomboka mianatra programa;
  • Mpamorona izay nanao portfolio ary te-hametraka izany ho an'ny daholobe mba hampisehoana izany amin'ny namana sy ny mpampiasa.

Ny tenako

Vao haingana aho no namolavola serivisy SaaS, karazana tsena izay ahitan'ny olona mpampiofana ara-panatanjahantena ho an'ny fiofanana manokana. Nampiasa ny tahiry Amazon Web Services (antsoina hoe AWS avy eo). Saingy rehefa nitsofoka lalina tao anatin'ilay tetikasa aho, no nianarana bebe kokoa momba ireo dingana samihafa amin'ny fikarakarana fanombohana.

Nisedra olana manaraka ireto aho:

  • Nandany vola be ny AWS. Rehefa niasa nandritra ny 3 taona tao amin'ny orinasa Enterprise aho, dia zatra tamin'ny hafaliana toa an'i Docker, Kubernetes, CI/CD, fametrahana maitso manga, ary, amin'ny maha-mpanao programa fanombohana maniry aho, dia te-hanatanteraka izany ihany koa. Vokatr'izany dia tonga tamin'ny fanatsoahan-kevitra aho fa nandany vola 300-400 isam-bolana ny AWS. Ny Kubernetes dia lasa lafo indrindra, manodidina ny 100 dolara, miaraka amin'ny karama farany ambany amin'ny cluster iray sy node iray.
    PS Tsy ilaina ny manao izany amin'ny voalohany.
  • Avy eo, nieritreritra momba ny lafiny ara-dalΓ na aho, dia nianatra momba ny lalΓ na 152-FZ, izay nilaza toy izao manaraka izao: "Ny angon-drakitra manokana momba ny olom-pirenena ao amin'ny Federasiona Rosiana dia tsy maintsy tehirizina ao amin'ny faritanin'ny Federasiona Rosiana", raha tsy izany dia onitra, izay tsy tiako. Nanapa-kevitra ny hiatrika ireo olana ireo aho alohan'ny hahatongavany amiko avy any ambony :).

aingam-panahy lahatsoratra momba ny fifindra-monina fotodrafitrasa avy amin'ny Amazon Web Services mankany Yandex.Cloud, nanapa-kevitra ny handalina ny stack Yandex amin'ny antsipiriany kokoa aho.

Ho ahy, ny endri-javatra fototra amin'ny Yandex.Cloud dia ireto manaraka ireto:

Nianatra mpifaninana hafa amin'ity serivisy ity aho, fa tamin'izany fotoana izany dia nandresy ny Yandex.

Efa nolazaiko taminao ny momba ny tenako, mba hahafahantsika miditra amin'ny raharaham-barotra.

Dingana 0. Omano ny tranokala

Voalohany, mila tranonkala tiantsika apetraka amin'ny Internet isika. Satria mpamorona Angular aho dia hanao mΓ΄dely fampiharana SPA tsotra, izay halefako amin'ny Internet avy eo.

PS Iza no mahafantatra ny Angular na mahalala momba ny antontan-taratasiny https://angular.io/guide/setup-local, mandeha Dingana 1.

Andao hametraka Angular-CLI hamorona tranokala SPA amin'ny Angular:

npm install -g @angular/cli

Andao hamorona fampiharana angular mampiasa ity baiko manaraka ity:

ng new angular-habr-object-storage

Avy eo, mankanesa any amin'ny lahatahiry fampiharana ary atombohy izany mba hanamarinana ny asany:

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

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Efa noforonina ny fampiharana, saingy tsy mbola vonona amin'ny fampiantranoana. Andao hanangona ny fampiharana ho fananganana kely (Famokarana) hanesorana ny zavatra tsy ilaina rehetra ary hamela ny rakitra ilaina ihany.
Ao amin'ny Angular dia azonao atao izany amin'ny baiko manaraka:

ng build --prod

Vokatr'io baiko io dia nisy lahatahiry niseho tao amin'ny fototry ny fampiharana dist miaraka amin'ny tranokalanay.

Asa. Andeha isika hiroso amin'ny fampiantranoana.

Dingana 1.

Andao ho any amin'ny tranokala https://console.cloud.yandex.ru/ ary tsindrio ny bokotra "Connect".

Fanamarihana:

  • Raha hampiasa ny serivisy Yandex dia mety mila mailaka Yandex ianao (fa tsy azo antoka izany)
  • Ho an'ny asa sasany dia tsy maintsy mametraka vola ao amin'ny kaontinao ao amin'ny kaontinao manokana ianao (farafahakeliny 500 roubles).

Rehefa vita ny fisoratana anarana sy ny fanomezan-dΓ lana dia ao amin'ny kaontinao manokana izahay.

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Manaraka eo amin'ny ankavia ao amin'ny sakafo dia mila mahita ny serivisy "Object Storage", izay hampiasainay amin'ny fampiantranoana ny tranokala.

Amin'ny teny fohy:

  • Object Storage dia fitehirizana rakitra mifanaraka amin'ny teknolojia AWS S3 mitovy amin'ny Amazon, izay manana API manokana ihany koa amin'ny fitantanana fitahirizana avy amin'ny kaody ary, toa an'i AWS S3, dia azo ampiasaina hampiantranoana tranokala static.
  • Ao amin'ny Object Storage dia mamorona "siΓ΄" (siΓ΄), izay faritra fitehirizana misaraka ho an'ny rakitra.

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Andao hamorona ny iray amin'izy ireo. Mba hanaovana izany, ao amin'ny serivisy serivisy, tsindrio ny bokotra "Create bucket".

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Ny endrika famoronana siny dia manana ireto saha manaraka ireto, andao hojerentsika:

  • Anaran'ny siny. Ho an'ny fahatsorana, andao hiantso ny tetikasa mitovy amin'ny Angular - angular-habr-object-storage
  • Max. habe. Miloka araka ny lanjan'ny tranokalanay izahay, satria tsy voatahiry maimaim-poana ny tranokala ary ho an'ny gigabyte voatokana tsirairay, dia handoa vola tsara tarehy Yandex izahay.
  • Fidirana mamaky zavatra. Napetrakay ho β€œPublic” izany, satria ny mpampiasa dia tsy maintsy mandray ny rakitra tsirairay amin'ny tranokala static mba ahafahana misintona tsara ny fisehon'izy io, azo karakaraina ny script, sns.
  • Fidirana amin'ny lisitry ny zavatra ary Access to read settings. Avelao ho "Limited". Ilaina izany mba hampiasana ny siny ho fitahirizana rakitra anatiny ho an'ny fampiharana.
  • Kilasy fitahirizana. Avelao ho "Standard". Midika izany fa hotsidihina matetika ny tranokalanay, ary noho izany dia alaina matetika ireo rakitra mandrafitra ilay tranokala. Ankoatra izany, ny zavatra dia misy fiantraikany amin'ny fahombiazany sy ny fandoavam-bola (ampidiro rohy).

Tsindrio ny "Create a bucket" ary ny siny dia noforonina.

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Ankehitriny dia mila mampakatra ny tranokalanay amin'ny siny izahay. Ny fomba tsotra indrindra dia ny manokatra lahatahiry eo akaiky eo dist ny tranokalanay ary tariho mivantana eo amin'ny pejy amin'ny fampiasana tΓ nana. Mora kokoa noho ny manindry ny bokotra "Load objects", satria amin'ity tranga ity dia tsy afindra ny lahatahiry ary tsy maintsy mamorona azy ireo amin'ny filaharana marina ianao.

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Noho izany, ampidirina ao amin'ny fitahirizana ilay tranokala, mba hahafahantsika manome ny mpampiasa fahafahana miditra amin'ny fitahirizana ho tranokala.
Mba hanaovana izany, eo amin'ny ilany havia amin'ny menio, tsindrio ny tabilao "Website".

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Ao amin'ny pejy fametrahana siny ho tranokala, safidio ny tabilao "Hosting". Eto izahay dia manondro ny pejy voalohan'ny tranokala, matetika index.html. Raha manana fampiharana SPA ianao, dia mety ho voahodina ao amin'ny pejy lehibe ihany koa ny lesoka rehetra, ka hanondro ny index.html amin'ny pejy hadisoana ihany koa izahay.

Hitantsika avy hatrany izay rohy azo idirana amin'ny tranokalanay. Tsindrio Save.

Rehefa afaka 5 minitra eo ho eo, tsindrio ny rohy, dia hitantsika fa azon'ny rehetra izao ny tranokalanay.

Ahoana ny fampiantranoana tranokala static mampiasa Yandex.Cloud Object Storage

Misaotra an'izay mamaky hatramin'ny farany! Ity no lahatsoratro voalohany; mikasa ny hamaritra bebe kokoa ny tolotra Yandex hafa sy ny fampidirana azy ireo amin'ny teknolojia frontend sy backend aho.

Soraty ao amin'ny fanehoan-kevitra ny fahaliananao amin'ny fianarana momba ny serivisy Yandex hafa na ny fampiasana ny Angular amin'ny fampandrosoana maoderina.

Source: www.habr.com

Add a comment