Kā mitināt statisku vietni mākonī četros soļos

Statiskās vietnes var mitināt visu veidu vietnes, sākot no jūsu personīgā portfeļa, līdz uzņēmuma galvenajai lapai vai pat emuāram.

Statisko vietņu galvenā priekšrocība ir tā, ka tās ir vienkārši pārvaldāmas. Tie ir arī ļoti rentabli. Izmantojot statiskas vietnes, jums nav nepieciešami sarežģīti satura pārvaldības pakalpojumi (CMS), kas visu laiku darbojas serveros (pat ja jums nav trafika).

Šajā amatā jūs uzzināsiet, kā 4 pakāpēs mitināt statisku vietni AWS mākonī, izmantojot AWS pastiprinājumu un 53. maršrutu. Un labākā daļa? Katru mēnesi tas jums gandrīz neko nemaksās.

Kas ir statiska vietne?

Statiskās vietnes ir vietnes, ko apkalpo no krātuves servera vai satura piegādes tīkla (CDN). Nav nepieciešams, lai HTML failus veidotu darbojas serveris.

Šīs vietnes ir iepriekš izveidotas kā HTML faili, kas tiek glabāti kaut kur internetā un pēc tam tiek izmantoti, kad tie tika izveidoti.

Statiskām vietnēm var būt dinamisks saturs, taču tas tiek apstrādāts klienta pusē, izmantojot JavaScript vai kādu trešo pušu integrāciju, izmantojot API.

Daži statiskas vietnes izmantošanas ieguvumi ir:

  • Viņus ir viegli mērogot
  • Ja izmantojat CDN, ielādes laiks ir ātrs
  • Viņi ir rentabli
  • Viņus ir viegli uzturēt

Piemēram, mana personīgā vietne ir labs statiskas vietnes piemērs:

Mārsijas personīgā vietne

Kas ir AWS?

AWS apzīmē Amazon Web Services un ir visplašāk pieņemtā mākoņu platforma. Tajā ir daudz dažādu pakalpojumu, kas palīdz jums izstrādāt un mitināt lietojumprogrammas.

AWS ir arī datu centri visā pasaulē, un miljoniem klientu to izmanto.

Izmantojot mākoni savām lietojumprogrammām, jūs samazināsiet izmaksas, kļūsiet veiklāki un ļausit ieviest jauninājumus ātrāk nekā tad, ja izmantotu savus vietējos serverus.

1. darbība - iestatiet savu AWS kontu

Pirmais solis šajā procesā ir AWS konta iegūšana. Jūs plānojat mitināt savu statisko lapu mākonī, un tāpēc jums ir jābūt derīgam AWS kontam.

Ja jūs tikai tagad veidojat savu kontu, šim projektam vajadzētu pietikt ar bezmaksas līmeni. Bezmaksas līmenis pirmajos 12 mēnešos bez maksas nodrošinās piekļuvi daudziem AWS pakalpojumiem.

Piemēram, jūs saņemsiet 5 GB bezmaksas krātuvi. Tas ir lieliski, jo mums ir nepieciešama krātuve, lai mūsu statisko vietni saglabātu mākonī.

Paturiet prātā, ka AWS konta lietošana ir bezmaksas, ja neizmantojat nekādus pakalpojumus. Par konta izveidi no jums netiks iekasēta maksa, un, ja neizmantosit kontu, nekas netiks iekasēts.

Lai izveidotu AWS kontu, varat izpildīt šajā videoklipā norādītās darbības:

2. solis - izveidojiet savu statisko vietni un konfigurējiet to, izmantojot AWS Amplify

Šobrīd, izlasot šo virsrakstu, jūs varētu domāt, kas ir AWS Amplify?

AWS Amplify ir atvērtā koda ietvars, kas nodrošina funkcijas, kas palīdzēs jums izveidot mākoņdatošanas tīmekļa un mobilās lietojumprogrammas. Tam ir 4 komponenti:

  • paplašināt CLI
  • paplašināt bibliotēkas
  • - pastiprināt lietotāja saskarnes komponentus un
  • pastiprināšanas konsole.

Palielināt CLI palīdz konfigurēt visus nepieciešamos pakalpojumus, lai izveidotu mākoņa aizmuguri savai lietojumprogrammai, izmantojot komandrindas saskarni.

Bibliotēkas palīdz jums tieši integrēt klientu lietojumprogrammas aizmugures pakalpojumos.

Pastiprinātās lietotāja saskarnes komponenti ir lietotāja saskarnes bibliotēkas, kas īpaši paredzētas React, React Native, Angular, Ionic un Vue, kas palīdzēs jums viegli izstrādāt mākoņdatošanas lietojumprogrammu.

Visbeidzot, Amplify Console ir AWS pakalpojums, kas nodrošina uz git balstītu darbplūsmu nepārtrauktai izvietošanai un pilnas kaudzes tīmekļa un mobilo lietojumprogrammu mitināšanai.

Šajā ierakstā mēs neizmantosim visas AWS Amplify iespējas, mēs vienkārši izmantosim konsoli. Bet es iesaku jums apskatīt dažas apmācības par to, kā izveidot sarežģītākas lietojumprogrammas, izmantojot AWS Amplify.

Izveidojiet statisko vietni

Tagad jums ir viss nepieciešamais, lai sāktu darbu ar savu statisko vietni. Šajā demonstrācijā darbosies jebkurš statisks HTML. Es tikko izveidoju failu ar nosaukumu index.html un pievienoju šo kodu tajā:

Hello Foobar

This is my super simple site

Augšupielādējiet to AWS Amplify Console

Pēc tam, kad mums ir statiskā vietne, nākamais solis ir doties uz AWS konsoles AWS pastiprināšanas pakalpojumu.

Pakalpojuma AWS pastiprināšana atrašana AWS konsolē

Tad, kad šis pakalpojums tiks atvērts, jūs redzēsiet kaut ko līdzīgu:

AWS Amplify konsole

Noklikšķiniet uz pogas Savienot lietotni , un jums tiks parādīta šī lapa:

Esošā projekta izvietošanas iespējas

Tad jūs varat izvēlēties Izvietot bez Git nodrošinātāja un turpināt.

Jums tiks parādīta lapa, kurā manuāli izvietot savu lietotni. Tur jūs izvēlaties lietotnes un vides nosaukumu un pēc tam varat vilkt lietojumprogrammas mapi pārlūkprogrammā.

Sākot manuālu izvietošanu programmā AWS Amplify

Kad lietojumprogramma būs augšupielādējusi, tiks parādīts ziņojums “Izvietošana veiksmīgi pabeigta”.

Tagad jūsu vietne tiek mitināta mākonī. Pārejiet uz saiti, kas atrodas zem domēna teksta. Tas jūs aizvedīs uz tikko izvietoto statisko vietni.

3. solis - iegādājieties domēnu savai vietnei

Tagad ir pienācis laiks iegūt domēnu savai vietnei. Šīs domēna saites kopīgošana nav pārāk praktiska, un domēns var būt vienkāršāks veids, kā nosaukt savu vietni.

Lai to izdarītu, AWS kontā ir jāiet uz pakalpojumu Route53.

Pakalpojuma Route53 atrašana AWS konsolē

Tad, kad tiek atvērts 53. ceļš, varat pāriet uz saiti, kurā teikts Reģistrēt domēnu , un parādās šāda lapa.

Šeit jums jāizvēlas domēna nosaukums. Par domēniem tiek iekasēti rēķini katru gadu, un tiem ir atšķirīgas izmaksas atkarībā no beigām (piemēram, .com, .net un tā tālāk).

Pēc domēna nosaukuma izvēles varat to pievienot kartei. Pēc tam vienkārši izpildiet Route53 sniegtos norādījumus.

4. darbība. Konfigurējiet domēnu savā AWS Amplify lietotnē

Tagad, kad jums ir domēns, ir pienācis laiks atgriezties savā AWS Amplify lietotnē - tikko konfigurētajā.

Pēc tam kreisajā pusē noklikšķiniet uz saites Domēna pārvaldība un tiek atvērta šī lapa:

Domēna pievienošana vietnei

Domēns tekstlodziņš ieteiks domēnu tikko reģistrēts. Vienkārši izvēlieties to, pieņemiet visas noklusējuma konfigurācijas un pēc tam noklikšķiniet uz Saglabāt .

Pēc tam jūs tiksiet novirzīts uz lapu, kurā tiks konfigurēts domēns un SSL sertifikāts. Šajā solī jums nekas nav jādara, vienkārši pagaidiet, līdz viss ir konfigurēts. Tas aizņem kādu laiku, tāpēc esiet pacietīgs.  

Tagad esat pabeidzis, tāpēc varat doties uz savu jauno domēnu un redzēt savu statisko lapu.

Kā atjaunināt šo vietni

Tagad katru reizi, kad statiskajā vietnē kaut kas jāmaina, jādodas uz AWS pastiprinājumu un jāatjaunina faili. Būtībā jūs vienkārši nomestat direktoriju lietotnē Amplify.

Statiskās vietnes atjaunināšana

Secinājums

Tagad jums ir statiska vietne, kas mitināta mākonī. Šī vietne ir ļoti pielāgojama un uzticama. Vietne tiek mitināta, izmantojot AWS CDN ar nosaukumu AWS CloudFormation, tāpēc tas padarīs jūsu vietni lietotājiem ļoti ātru.

Kopējās mitināšanas izmaksas pēc tam, kad jūsu AWS konts ir vecāks par 12 mēnešiem, būs aptuveni USD 0,50 USD līdz USD 4 mēnesī atkarībā no tā, cik liela ir jūsu vietne un cik lielu trafiku jūs saņemat.

Citas gada izmaksas jums būs domēns, kura cena var būt no USD 9 USD gadā.

Un, ja vēlaties to padarīt mazliet automatizētāku, iesaku apskatīt AWS Amplify automātiskās izvietošanas iespējas, izmantojot Github.

Paldies, ka lasījāt.

Es esmu Mārsija Villalba, AWS izstrādātāju aizstāve un YouTube kanāla FooBar vadītāja, kur man ir vairāk nekā 250 video pamācības par Serverless, AWS un programmatūras inženieru praksi.

  • Twitter: //twitter.com/mavi888uy
  • Youtube: //youtube.com/foobar_codes