Kuidas hostida oma staatilist veebisaiti AWS-iga - juhend algajatele

Kui ma eelmisel aastal oma esimese portfelli lõin, võtsin selle aluseks freeCodeCampilt õpitu (HTML, CSS ja väike JavaScripti).

Sel hetkel olin oma portfelli vaadanud ainult localhostis, vaadates kohalikus arvutis olevaid faile. Ma ei teadnud midagi selle kohta, kuidas veebisaiti veebis hoida.

Minu esimese veebisaidi majutamise õppimine ei olnud lihtne, kuid see oli suurepärane õppimise kogemus. Kui olete pürgiv veebiarendaja või olete lihtsalt huvitatud oma staatilise veebisaidi käivitamisest, siis loodan, et leiate sellest juhendist kasuliku.

Kellele see juhend on mõeldud?

See juhend on mõeldud täiesti algajatele, kes soovivad hallata staatilist veebisaiti (fikseeritud sisuga saiti). Pakun juhised järgmiseks:

  1. Kuidas domeeni osta.
  2. Kuidas konfigureerida oma domeen välise hostimise pakkuja jaoks.
  3. Kuidas oma veebisaiti hostida Amazoni veebiteenuste (AWS) abil.
  4. Kuidas muuta oma veebisait turvaliseks (SSL-sertifikaat) Amazoni sertifitseerimishalduri abil.

Võib olla mõni terminoloogia, mis on teie jaoks uus. Palun jätkake ja tutvuge tingimustega, mis pole tuttavad. Olen sinna pannud kasulikke linke ja selgitusi, kui ma seda vajalikuks pidasin.

Mis on domeeninimi ja DNS (domeeninimede süsteem)?

Domeeninimi on teie veebisaidi aadress. Näiteks thecodinghamster.com. Kuid arvuti jaoks on domeeninimi tegelikult numbriseeria (IP-aadress). IP-aadress näeb välja selline: 123.321.0.1

Pikka numbririda ei ole meil lihtne meelde jätta. Nii et teie arvuti viitab DNS-ile, et tõlkida tekstipõhine veebisaidi aadress IP-aadressiks, millest ta saab aru. DNS on nagu kataloog.

Vaatasin seda suurepärast videot, mis selgitab domeeni nime, DNS-i ja selle toimimist vähem kui viie minutiga. Kui olete huvitatud, vaadake video esimest viit minutit:

Kust saab oma domeeninime osta?

Domeeninime saate osta domeeninime registreerijalt. Hinnad algavad mõnest dollarist. Teie domeeninimi on kordumatu. Iga domeeninime registripidaja pakub erinevaid teenuseid / tuge. Kuid saate oma domeeni registreerida iga registripidaja juures.

Mis on hosting pakkuja?

„Interneti-hostimisteenus on teenus, mis haldab Interneti-servereid, võimaldades organisatsioonidel ja üksikisikutel sisu Internetis edastada. Pakutakse erinevaid teenustasemeid ja erinevaid teenuseid. ”

Kui otsisin oma veebisaidile hostimise pakkujat, uurisin erinevaid võimalusi. Hinnad jäid vahemikku 2,00–5,00 naela kuus koos erinevate salvestusvõimalustega vahemikus 0,5–10 GB. Hinnad tundusid mõistlikud, kuid ma tahtsin teha ainult staatilist veebisaiti. Sellel oli mõned pildid, HTML, CSS ja JavaScripti failid. Dünaamiline sisu puudub.

Miks AWS?

Pärast mõningaid täiendavaid uuringuid leidsin AWS-i. AWS pakub tasuta tasemevalikut. Põhimõtteliselt saate palju tasuta tooteid. Mõni neist aegub 12 kuu pärast ja teised on igavesti vabad. Ainus staatilise veebisaidi majutamise eest makstav kulu on hostitud tsooni seadistamise hind. See maksis 0,50 dollarit kuus. Nii et läksin AWS-iga ja seadistasin oma konto.

AWS-i suurepärane asi on hind ja see on usaldusväärne hostimise pakkuja. Kuid üks asi, mida tuleb meeles pidada, on see, et toetute nende dokumentidele. Kui hakkasin lugema, milliseid teenuseid AWS pakkus, muutus see kiiresti segaseks! Kasutasin staatiliste veebisaitide seadistamiseks ette nähtud AWS-i ametlikku juhendit. Kuid leidsin, et eksin, klõpsates lingile mõnele muule lingile ja nii edasi. Hakkasin uurima teisi juhendeid, et korvata teadmiste puudujääke.

Ma leidsin selle Victoria Drake'i suurepärase juhendi.

Järgisin AWS-i kõrval Victoria Drake'i juhendit ja suutsin selle läbi segada. Kuid veel oli mõned asjad, mida ei selgitatud, mida ma loodan täide viia.

Enne jätkamist on siin teie ülesannete loend:

  • Uurige veidi domeeniregistreid ja ostke oma domeeninimi.
  • Registreeruge AWS-is tasuta konto saamiseks.
  • Laske avada nii AWS-i kui ka Victoria Drake'i juhendi dokumentatsioon. Kasutage minu juhendit, et teid dokumentatsiooni läbi viia (loodan, et see on mõistlik!).

Siin me läheme!

AWS: looge marsruudil 53 hostitud tsoon.

Marsruut 53 on koht, kus töödeldakse kõiki teie DNS-i päringuid.

Esimene asi, mille peate seadistama, on teie hostitud tsoon marsruudiga 53. See on tõesti lihtne, kui ostsite oma domeeni AWS-i kaudu. Hostitud tsoon luuakse automaatselt, kui olete selle ostnud. Kui olete seda teinud, minge lihtsalt järgmisele jaotisele ( S3 ämbrite seadistamine ).

Kui aga olite nagu mina ja ostsite oma domeeninime teise registripidaja kaudu, tehke palun järgmist.

See järgmine osa on viis, kuidas luua marsruudil 53 hostitud tsoon, kui te pole oma domeeninime AWS-ilt ostnud:

  1. Minge oma konsoolis marsruudile 53 ja klõpsake nuppu "Loo hostitud tsoon". Sisestage oma domeeni aadress, kommentaar on valikuline ja valige „Avalik hostitud tsoon“. Klõpsake nuppu „Loo“.

2. Kui teie hostitud tsoon on loodud, vajate oma NS (nimeserverid) kirjeid:

3. Minge oma domeeninime registreerija juurde ja logige sisse. Sõltuvalt teie registripidajast peaksite oma seadetes leidma jaotise "Nimeserverid", mida saate muuta. Peate kopeerima AWS NS-kirjed ja muutma oma domeeni seadetes olemasolevaid NS-kirjeid.  

Pange tähele, ärge kopeerige NS-kirje lõppu punkti / perioodi. Näiteks peaks is olema „ns-63.awsdns-07.com”, mitte „ns-63.awsdns-07.com”.

Selle levitamine võtab kuni 24 tundi.

Seadistage oma S3 kopad

Vahepeal saate seadistada oma S3 kopad. S3 ämber on teie failide nagu index.html salvestusruum.

Veebisaidi jaoks peate konfigureerima kaks ämbrit: 1) teie domeeninimi.com ja 2) www.oma-domeeninimi.com.

Esimene ämber on teie peamine ämber, kuhu laadite üles kõik oma dokumendid, näiteks oma index.html. Teine kopp suunab ümber esimese kopa. S3 koppade seadistamiseks järgige palun AWS-i dokumente selle kohta, kuidas seadistada oma S3 kopp (2: Ämbrite loomine ja konfigureerimine ning andmete üleslaadimine).

Lisaks dokumentatsioonile tuleb märkida ka mõned asjad:

  • Jaotises 2.1 (2. osa): klõpsake linki S3 kopa loomiseks? See on samm-sammuline juhend ja selgitage kõiki valitud seadeid.
  • Jaos 2.1 (3. osa): te ei pea oma veebisaidi faile veel üles laadima. Vahepeal saate lisada testi index.html.

Pange oma lõpp-punkt teadmiseks . Selle leiate jaotisest S3 ämber> vahekaart „Atribuudid“> „Staatiline veebimajutus“. See peaks välja nägema umbes selline: //yourdomainname.com.s3-website.eu-west-2.amazonaws.com

Lisage Alias ​​/ “A” kirjed marsruudile 53

Lõpuks minge tagasi marsruudile 53 ja avage Alias-kirjete seadistamiseks oma hostitud tsoon. Järgige dokumentatsiooni jaotises „Samm 3: Alias-kirjete lisamine näiteks example.com ja www.example.com”. See on üsna sirgjooneline.

Kui NS-i seaded on levinud, on teie sait aktiivne ! Saate oma saiti külastada domeeni aadressil, nt teie domeeninimi.com

Pange tähele, et see pole turvaline ja näete aadressiribal // eesliidet. Selleni jõuan järgmises osas.

Kuidas muuta oma veebisait turvaliseks ja mis on SSL-sertifikaat?

On väga oluline muuta oma veebisait turvaliseks ja selleks peate hankima SSL-sertifikaadi. SSL tähistab Secure Sockets Layer ja kasutab kasutaja ja saidi vahel andmete turvaliseks edastamiseks krüptimist. Google annab ka HTTPS-iga veebisaitidele paremusjärjestuse.

Kui turvate veebisaidi SSL-sertifikaadiga, näete aadressiribal // ja tabaluku sümbolit.

SSL-sertifikaate on erinevat tüüpi: laiendatud valideerimissertifikaat ja domeeni valideeritud sertifikaat. Isikliku veebisaidi või ajaveebi jaoks on vaja ainult domeeni kinnitatud sertifikaati. Samuti ei näe te oma ettevõtte nime riba vasakul küljel nagu ülaltoodud näide. Selle saate ainult siis, kui teil on laiendatud valideerimissertifikaat, mis on mõeldud pigem suurtele ettevõtetele / ettevõtetele.

Kui palju maksab SSL-sertifikaat?

Olen näinud mitmeid viise SSL-sertifikaadi saamiseks. Võite maksta lisatasu teenuse eest, mis seda teie nimel teeb, või saate seda teha rakendusega Let's Encrypt. Let's Encrypt on ametlik sertifikaadiasutus (CA). Kuid peate oma sertifikaati uuendama iga kolme kuu tagant ja see protsess on üsna keeruline.

Ma ei tahtnud preemiat maksta ega soovinud, et iga kolme kuu tagant uuendataks. Mugavalt saab AWS SSL-sertifikaate välja anda väga väikese tasu eest. Iga väljaantud sertifikaadi eest maksate 0,75 dollarit ja see kestab üks aasta.

Kui otsustate AWS-iga mitte minna, veenduge, et teete oma uuringud ja valige usaldusväärne CA!

Kuidas saada AWS-iga SSL-sertifikaat?

Logige sisse oma AWS-i konsooli ja navigeerige AWS-i sertifikaatide halduri (ACM) juurde.

Kindlasti muutke regioon vaikeväärtusest (Ohio) N. Virginia piirkonnaks. Juhendites pole seda selgesõnaliselt ja sertifikaate saab välja anda ainult N. Virginia piirkond. Õppisin rasket teed ja raiskasin palju aega!

Seejärel klõpsake jaotises „Pakkumise sertifikaadid” nuppu „Alustage”.

Järgige AWS-i dokumentatsiooni („Avaliku sertifikaadi taotlemine konsooli abil“) ja kasutage Victoria Drake'i juhendit (jaotise „SSL-sertifikaat“ all).

Lisaks juhenditele on mõned asjad, mida ei olnud täielikult selgitatud:

  • Peate oma domeeni omandiõiguse kinnitama e-posti teel või otse DNS-i kaudu. Soovitan omandiõigust alati kontrollida DNS-i valideerimise teel .
  • Kui olete oma sertifikaadi taotlenud, saate midagi sellist (välja arvatud olek on ootel). Klõpsake nuppu „Ekspordi DNS-i konfiguratsioonifail”:

See on Exceli arvutustabel, mis sisaldab midagi sellist:

  • Peate lisama need kirjed oma DNS-i seadetesse koos oma registripidajaga. Logige sisse ja minge DNS-i seadetesse. Liides varieerub sõltuvalt erinevatest registripidajatest, kuid otsite oma hostikirjeid oma DNS-i seadete alt.
  • Klõpsake nuppu „Lisa kirje“> kirje tüüp on CNAME :

Peate lisama kaks kirjet: 1) Hostinimi peaks olema "@" ja sihtnimi peaks olema DNS-i konfiguratsioonifaili kirje väärtus.

2) Hostinimi peaks olema * (tärn) ja sihtnimi peaks olema DNS-i konfiguratsioonifaili väärtus Record.

Kui soovite rohkem teavet CNAME ja kirjetüüpide kohta, leidsin selle kasuliku artikli.

See on üsna pikk, kuid olen kasuliku osa välja tõmmanud:

„Märkus: hostinimi viitab prefiksile enne domeeninime. Tühja kirje loomiseks kasutage väljale Hostname välja @. See tähistab tühja eesliidet (nii et nimi vastab täpselt domeeninimele; näiteks divapirate.com). @ Hostinimele viidatakse ka kui domeeni juurele. * (Tärn) hostinimes on metamärk ja tähistab mis tahes eesliidet. Näiteks aadressile * .divapirate.com kirje loomine osutab .divapirate.com antud IP-aadressile. "

Peate lihtsalt ootama kinnitamist. Minu jaoks võttis see aega umbes tund.

Kuidas lisada oma SSL-sertifikaat?

AWS-i abil saate oma veebisaidile lisada SSL-sertifikaadi, seadistades CloudFront . CloudFront sobib suurepäraselt teie veebisaidi kiirendamiseks. Kasutasin AWS-i dokumentatsiooni ja Victoria Drake'i juhendit (vaadake tema kasulikke näpunäiteid).

Pange tähele, et kui loote oma CloudFront-jaotise, on SSL-sertifikaadi lisamiseks rippmenüü. Kui teile on juba välja antud SSL-sertifikaat, täidetakse see eelnevalt rippmenüüs.

Teie olek teie CloudFront juhtpaneelil peaks olema „Lubatud”. See pole kohene ja võtab veidi aega.

Peaaegu kohal…

Lõpuks peate hankima oma domeeninime CloudFront'i jaotusest. See peaks olema umbes selline dsfdser83543. cloudfront.net .

Minge tagasi marsruudi 53> hostitud tsooni juurde> muutke mõlemad Aliase kirjed (Alias ​​Target) CloudFront'i domeeninimeks.

Voila! Teie hostitud on teie esimene turvaline staatiline veebisait AWS-iga.

Loodetavasti leidsite sellest kasu. Kui teil on küsimusi või soovite lihtsalt tere öelda, leidke mind Twitterist @PhoebeVF

Suur aitäh Victoria Drake'ile giidi eest. Selle teema kohta täpsema õpetuse saamiseks vaadake Victoria artiklit: "Staatilise saidi hostimine AWS S3, Route 53 ja CloudFront abil".

Illustratsioonid viisakalt saidilt //undraw.co