Ehi Habr!
In questu articulu, vi diceraghju cumu fà facilmente è simpliciamente ospitu un situ web staticu cù e tecnulugia Yandex, vale à dì Conservazione di l'ogni.
À a fine, avete un situ web ospitu chì serà accessibile via un ligame esternu.
Questu articulu serà utile sè vo
- Un sviluppatore principiante chì hè ghjustu à amparà à programà;
- Un sviluppatore chì hà fattu una cartera è vole mette in u duminiu publicu per vede à l'amichi è i patroni.
À mè stessu
Ricertamenti, aghju sviluppatu un serviziu SaaS, un tipu di mercatu induve a ghjente trova furmatori sportivi per a furmazione persunale. Adupratu u stack Amazon Web Services (in seguitu chjamatu AWS). Ma u più prufonda in u prughjettu, più sfumature aghju amparatu nantu à i diversi prucessi di urganizà una startup.
Aghju scontru i seguenti prublemi:
- AWS hà cunsumatu assai soldi. Dopu avè travagliatu per 3 anni in l'imprese Enterprise, aghju abituatu à gioie cum'è Docker, Kubernetes, CI / CD, implementazione blu verde, è, cum'è un aspirante programatore di startup, vulia implementà u listessu. In u risultatu, aghju ghjuntu à a cunclusione chì AWS cunsumava 300-400 bucks mensili. Kubernetes hè diventatu u più caru, circa 100 bucks, cù un salariu minimu di un cluster è un node.
PS Ùn ci hè bisognu di fà questu à u principiu. - Dopu, pensendu à u latu legale, aghju amparatu nantu à a lege 152-FZ, chì hà dettu qualcosa cum'è questu: "I dati persunali di i citadini di a Federazione Russa deve esse guardatu nantu à u territoriu di a Federazione Russa", altrimente fine, chì ùn vulia micca. Aghju decisu di affruntà questi prublemi prima ch'ellu mi vene da sopra :).
Ispiratu nantu à a migrazione di l'infrastruttura da Amazon Web Services à Yandex.Cloud, decisu di studià a pila Yandex in più detail.
Per mè, e caratteristiche chjave di Yandex.Cloud eranu i seguenti:
- 2-3 volte più prezzu (sicondu l'articulu sopra è i listini di prezzi publichi)
- , chì a grande Amazon ùn pò ancu ottene.
Aghju studiatu altri cuncurrenti di stu serviziu, ma à quellu tempu Yandex era vincitore.
Vi aghju parlatu di mè stessu, cusì pudemu andà à l'affari.
Passu 0. Preparate u situ
Prima, avemu bisognu di un situ web chì vulemu mette in Internet. Siccomu sò un sviluppatore Angular, aghju da fà un mudellu di applicazione SPA simplice, chì poi pubblicà in Internet.
PS Quale capisce Angular o cunnosce a so documentazione , andà à .
Installemu Angular-CLI per creà siti SPA in Angular:
npm install -g @angular/cliCreemu una applicazione Angular usendu u cumandimu seguente:
ng new angular-habr-object-storageDopu, andate à u cartulare di l'applicazione è lanciate per verificà a so funziunalità:
cd angular-habr-object-storage
ng serve --open
L'applicazione hè stata creata, ma ùn hè ancu pronta per l'ospitu. Assemblamu l'applicazione in una piccula custruzione (Produzzione) per sguassà tutte e cose inutili è lasciate solu i schedarii necessarii.
In Angular pudete fà questu cù u cumandimu seguente:
ng build --prodIn u risultatu di stu cumandamentu, un cartulare apparsu in a radica di l'applicazione dist cù u nostru situ web.
Opere. Avà andemu à l'ospitu.
Step 1.
Andemu à u situ è cliccate nant'à u buttone "Connect".
Nutate bè:
- Per utilizà u serviziu Yandex, pudete bisognu di u mail Yandex (ma questu ùn hè micca sicuru)
- Per qualchi funziunalità vi tuccherà à dipositu soldi in u vostru contu in u vostru contu persunale (minimu 500 rubles).
Dopu a registrazione successu è l'autorizazione, simu in u vostru contu persunale.
In seguitu à a manca in u menù avete bisognu di truvà u serviziu "Object Storage", chì avemu da aduprà per ospitu u situ.
In breve in termini:
- L'Object Storage hè un archiviu di fugliale cumpatibile cù a tecnulugia AWS S3 simili di Amazon, chì hà ancu a so propria API per a gestione di l'almacenamiento da u codice è, cum'è AWS S3, pò esse aduprata per accoglie un situ staticu.
- In Object Storage creamu "buckets" (buckets), chì sò spazii di almacenamiento separati per i nostri schedari.
Creemu unu di elli. Per fà questu, in a cunsola di serviziu, cliccate nant'à u buttone "Crea bucket".
U furmulariu per creà un bucket hà i seguenti campi, andemu per elli:
- U nome di u bucket. Per simplicità, chjamemu u prughjettu u stessu cum'è Angular -
angular-habr-object-storage - Max. taglia. Apostemu quant'è u nostru situ pesa, postu chì u situ ùn hè micca guardatu gratuitamente è per ogni gigabyte attribuitu, pagheremu Yandex un bellu centesimu.
- Accessu à leghje oggetti. L'avemu stabilitu à "Pubblicu", postu chì l'utilizatore deve riceve ogni schedariu di u nostru situ staticu in modu chì u layout pò esse disegnatu currettamente nantu à ellu, script ponu esse processati, etc.
- Accessu à a lista di l'uggetti è Accessu à leghje i paràmetri. Lasciate cum'è "Limitatu". Questu hè necessariu per utilizà u bucket cum'è almacenamentu di schedari internu per l'applicazioni.
- Classe di almacenamento. Lasciate cum'è "Standard". Questu significa chì u nostru situ serà visitatu friquintimenti, è per quessa i schedari chì custituiscenu u situ saranu spessu scaricati. In più l'articulu affetta u rendiment è u pagamentu (inserite ligame).
Cliccate "Crea un bucket" è u bucket hè creatu.
Avà avemu bisognu di cullà u nostru situ à u bucket. A manera più faciule hè di apre un cartulare vicinu dist u nostru situ è trascinallu direttamente nantu à a pagina cù manichi. Questu hè più còmuda di cliccà nantu à u buttone "Load objects", perchè in questu casu i cartulare ùn sò micca trasferiti è avete da creà manualmente in a sequenza curretta.
Cusì, u situ hè carricu in u almacenamentu, cusì pudemu furnisce l'utilizatori l'uppurtunità di accede à l'almacenamiento cum'è un situ web.
Per fà questu, nantu à a manca di u menù, cliccate nantu à a tabulazione "Site".
In a pagina per a creazione di un bucket cum'è un situ, selezziunate a tabulazione "Hosting". Quì avemu indicatu a pagina principale di u situ, di solitu index.html. Sè vo avete una applicazione SPA, allura prubabilmente tutti l'errori sò ancu processati nantu à a pagina principale, cusì avemu ancu indicà index.html in a pagina di errore.
Videmu immediatamente chì ligame u nostru situ serà accessibile attraversu. Cliccate salvà.
Dopu à circa 5 minuti, clicchendu nant'à u ligame, vedemu chì u nostru situ hè avà dispunibule per tutti.
Grazie à tutti quelli chì leghjenu finu à a fine! Questu hè u mo primu articulu; Pensu di descriverà ancu altri servizii Yandex è a so integrazione cù e tecnulugia di frontend è backend.
Scrivite in i cumenti quantu interessatu à sapè nantu à altri servizii Yandex o nantu à l'usu di Angular in u sviluppu mudernu.
Source: www.habr.com