Kaip priglobti savo statinę svetainę naudojant AWS - vadovas pradedantiesiems

Kai praėjusiais metais sukūriau savo pirmąjį aplanką, rėmiausi tuo, ko išmokau iš „freeCodeCamp“ (HTML, CSS ir šiek tiek „JavaScript“).

Tuo metu aš peržiūrėjau savo portfelį tik „localhost“, žiūrėdamas failus savo vietiniame kompiuteryje. Aš nieko nežinojau apie tai, kaip priglobti svetainę internete.

Sužinoti, kaip laikyti mano pirmąją svetainę, nebuvo lengva, tačiau tai buvo puiki mokymosi patirtis. Jei esate trokštantis internetinių svetainių kūrėjas arba tiesiog norite sukurti savo statinę svetainę, tikiuosi, kad šis vadovas jums bus naudingas.

Kam skirtas šis vadovas?

Šis vadovas skirtas pradedantiesiems , norintiems priglobti statinę svetainę (svetainę su fiksuoto turinio). Pateiksiu instrukcijas, kaip:

  1. Kaip nusipirkti domeną.
  2. Kaip sukonfigūruoti domeną išorinio prieglobos paslaugų teikėjui.
  3. Kaip priglobti savo svetainę naudojant „Amazon Web Services“ (AWS).
  4. Kaip padaryti savo svetainę saugią (SSL sertifikatas) naudojant „Amazon Certification Manager“.

Gali būti tam tikra terminologija, kuri jums nauja. Prašau pirmyn ir ieškokite nežinomų sąlygų. Įdėjau naudingų nuorodų ir paaiškinimų ten, kur manau, kad reikia.

Kas yra domeno vardas ir DNS (domenų vardų sistema)?

Domeno vardas yra jūsų svetainės adresas. Pavyzdžiui, thecodinghamster.com. Tačiau kompiuteriui domeno vardas iš tikrųjų yra skaičių serija (IP adresas). IP adresas atrodo taip: 123.321.0.1

Mums nelengva prisiminti ilgą skaičių eilutę. Taigi jūsų kompiuteris nurodo DNS, kad tekstinis svetainės adresas būtų išverstas į IP adresą, kurį jis tada gali suprasti. DNS yra kaip katalogas.

Žiūrėjau šį puikų vaizdo įrašą, kuriame per penkias minutes paaiškinamas domeno vardas, DNS ir kaip tai veikia. Peržiūrėkite pirmąsias penkias vaizdo įrašo minutes, jei jus domina:

Kur galite nusipirkti savo domeno vardą?

Domeno vardą galite įsigyti pas domenų vardų registratorių. Kainos prasideda nuo kelių dolerių. Jūsų domeno vardas yra unikalus. Kiekvienas domenų vardų registratorius siūlo skirtingus paslaugų / palaikymo lygius. Bet jūs galite užregistruoti savo domeną pas bet kurį registratorių.

Kas yra prieglobos paslaugų teikėjas?

„Interneto prieglobos paslauga yra paslauga, valdanti interneto serverius, leidžianti organizacijoms ir asmenims teikti turinį internete. Siūlomi įvairūs paslaugų lygiai ir įvairios paslaugos “.

Kai ieškojau savo svetainės prieglobos paslaugų teikėjo, ištyriau įvairias galimybes. Kainos svyravo nuo 2,00 iki 5,00 svarų per mėnesį su įvairiomis saugojimo galimybėmis nuo 0,5 iki 10 GB. Kainos atrodė priimtinos, bet viskas, ką norėjau padaryti, buvo priglobti statinę svetainę. Jame buvo keli vaizdai, HTML, CSS ir „JavaScript“ failai. Nėra dinaminio turinio.

Kodėl AWS?

Po kelių tolesnių tyrimų radau AWS. AWS siūlo nemokamą pakopos variantą. Iš esmės jūs gaunate daug nemokamų produktų. Kai kurių iš jų galiojimo laikas baigiasi po 12 mėnesių, o kitų žmonių amžinybė yra nemokama. Vienintelės išlaidos, kurias patirsite už statinės svetainės talpinimą, yra priglobtos zonos nustatymo išlaidos. Tai kainavo 0,50 USD per mėnesį. Taigi nuėjau su AWS ir sukūriau savo sąskaitą.

Puikus dalykas, susijęs su AWS, yra kaina ir patikimas prieglobos paslaugų teikėjas. Tačiau reikia nepamiršti, kad jūs pasitikite jų dokumentais. Kai pradėjau skaityti, kokias paslaugas siūlo AWS, tai greitai tapo painu! Aš naudoju oficialų AWS vadovą, pateiktą statiškoms svetainėms kurti. Tačiau pasiklydau spustelėjęs nuorodą į kitą nuorodą ir pan. Aš pradėjau tyrinėti kitus vadovus, kad kompensuočiau žinių spragas.

Radau šį puikų Viktorijos Drake vadovą.

Aš sekiau Viktorijos Drake vadovą kartu su AWS ir sugebėjau suklaidinti. Tačiau vis dar buvo keletas dalykų, kurie nebuvo paaiškinti, kuriuos tikiuosi įgyvendinti.

Prieš tęsdami, čia yra jūsų darbų sąrašas:

  • Atlikite tyrimus apie domenų registratorius ir nusipirkite savo domeno vardą.
  • Prisiregistruokite gauti nemokamą sąskaitą AWS.
  • Atidarykite ir AWS dokumentus, ir Viktorijos Drake vadovą. Naudokitės mano vadovu, kad galėtumėte susipažinti su dokumentais (tikiuosi, kad tai prasminga!).

Štai mes einame!

AWS: 53 maršrute sukurkite priglobtą zoną.

53 maršrutas yra ten, kur tvarkomos visos jūsų DNS užklausos.

Pirmas dalykas, kurį turite nustatyti, yra jūsų priglobta zona su 53 keliu. Tai tikrai lengva, jei domeną įsigijote per AWS. Patalpinta zona sukuriama automatiškai, kai ją įsigyjate. Jei tai padarėte, tiesiog pereikite prie kito skyriaus ( „S3“ kaušų nustatymas ).

Tačiau, jei buvote panašus į mane ir nusipirkote domeno vardą per kitą registratorių, atlikite šiuos veiksmus.

Ši kita dalis yra tai, kaip sukurti prieglobos zoną 53 maršrute, jei nepirkote domeno vardo iš AWS:

  1. Eikite į 53 maršrutą savo konsolėje ir spustelėkite „Sukurti prieglobos zoną“. Įveskite savo domeno adresą, komentaras yra neprivalomas ir pasirinkite „Public Hosted Zone“. Spustelėkite „Sukurti“.

2. Kai bus sukurta jūsų priglobta zona, jums reikės NS (vardų serverių) įrašų:

3. Eikite į savo domenų vardų registratorių ir prisijunkite. Priklausomai nuo registratoriaus, nustatymuose turėtumėte rasti skyrių, pavadintą „Vardų serveriai“, kurį galėsite redaguoti. Turite nukopijuoti AWS NS įrašus ir pakeisti esamus NS įrašus savo domeno nustatymuose.  

Atkreipkite dėmesį, nekopijuokite taško / laikotarpio NS įrašo pabaigoje. Pavyzdžiui, „is“ turėtų būti „ns-63.awsdns-07.com“, o ne „ns-63.awsdns-07.com“.

Užtruks iki 24 valandų.

Nustatykite savo S3 kaušus

Tuo tarpu galite nustatyti savo S3 kaušus. „S3 Bucket“ yra failų, tokių kaip index.html, saugykla.

Savo svetainei turite sukonfigūruoti du segmentus: 1) jūsų domeno vardas.com ir 2) www.jūsų domeno vardas.com.

Pirmasis segmentas yra pagrindinis jūsų segmentas, į kurį įkelsite visus dokumentus, pvz., Savo index.html. Antrasis segmentas nukreipia į pirmąjį. Norėdami nustatyti „S3“ grupes, vadovaukitės AWS dokumentais, kaip nustatyti „S3“ segmentą (2: „Sukurti ir konfigūruoti grupes ir įkelti duomenis“).

Be dokumentų, reikia atkreipti dėmesį į keletą dalykų:

  • 2.1 skyriuje (2 dalis): spustelėkite nuorodą Kaip sukurti S3 kibirą? Tai žingsnis po žingsnio vadovas ir paaiškinkite visus pasirinktus nustatymus.
  • 2.1 skyriuje (3 dalis): dar neturite įkelti savo svetainės failų. Tuo tarpu galite pridėti bandomąjį index.html.

Atkreipkite dėmesį į savo tikslą . Tai galite rasti savo S3 segmente> „Ypatybės“ skirtuke> „Statinis žiniatinklio priegloba“. Tai turėtų atrodyti maždaug taip: //yourdomainname.com.s3-website.eu-west-2.amazonaws.com

Į 53 kelią pridėkite „Alias“ / „A“ įrašus

Galiausiai grįžkite į 53 kelią ir atidarykite priglobtą zoną, kad nustatytumėte savo „Alias“ įrašus. Galite vadovautis dokumentais, pateiktais „3 žingsnis: pridėkite slapyvardžių įrašus, pvz. ,.Com ir www.pavyzdys.com“. Tai gana paprasta.

Kai NS nustatymai bus išplėsti, jūsų svetainė bus aktyvi ! Galėsite aplankyti savo svetainę domeno adresu, pvz., Jūsų domeno vardas.com

Tačiau atkreipkite dėmesį, kad tai nebus saugu ir adreso juostoje pamatysite // priešdėlį. Aš eisiu į tai kitame skyriuje.

Kaip padaryti savo svetainę saugią ir kas yra SSL sertifikatas?

Labai svarbu, kad jūsų svetainė būtų saugi ir tai atlikdami turėsite gauti SSL sertifikatą. SSL reiškia „Secure Sockets Layer“ ir naudoja šifravimą, kad saugiai perduotų duomenis tarp vartotojo ir svetainės. „Google“ taip pat padidins svetainių, kuriose yra HTTPS, reitingą.

Jei saugote svetainę naudodami SSL sertifikatą, adreso juostoje pamatysite // ir spynos simbolį.

Yra įvairių tipų SSL sertifikatai: išplėstinis patvirtinimo sertifikatas ir domeno patvirtintas sertifikatas. Asmeninei svetainei ar tinklaraščiui reikalingas tik domeno patvirtintas sertifikatas. Taip pat nematysite savo įmonės pavadinimo kairėje juostos pusėje, kaip aukščiau pateiktame pavyzdyje. Tai gausite tik tuo atveju, jei turite išplėstinio patvirtinimo sertifikatą, kuris labiau skirtas didelėms įmonėms / įmonėms.

Kiek kainuoja SSL sertifikatas?

Aš mačiau daugybę būdų, kaip gauti SSL sertifikatą. Galite sumokėti priemoką už paslaugą, kuri tai atliks jūsų vardu, arba galite tai padaryti nemokamai naudodami „Encrypt“. „Encrypt“ yra oficiali sertifikatų tarnyba (CA). Bet jūs turite atnaujinti sertifikatą kas tris mėnesius, o procesas yra gana sudėtingas.

Nenorėjau mokėti priemokos ar norėjau atnaujinti kas tris mėnesius. Patogiai, AWS gali išduoti SSL sertifikatus už labai mažą mokestį. Už kiekvieną išduotą sertifikatą mokate 0,75 USD ir jis galioja vienerius metus.

Jei nuspręsite nesinaudoti AWS, būtinai atlikite tyrimą ir pasirinkite patikimą CA!

Kaip gauti SSL sertifikatą su AWS?

Prisijunkite prie AWS konsolės ir eikite į AWS sertifikatų tvarkytuvę (ACM).

Įsitikinkite, kad pakeitėte regioną iš numatytojo (Ohajas) į N. Virdžinija. Tai nėra aišku vadovuose ir tik N. Virdžinijos regionas gali išduoti sertifikatus. Aš išmokau sunkų kelią ir sugaišau daug laiko!

Tada spustelėkite „Pradėti“ skiltyje „Pateikimo sertifikatai“.

Vykdykite AWS pateiktus dokumentus („Viešojo sertifikato prašymas naudojant konsolę“) ir naudokitės Viktorijos Drake vadovu (skiltyje „SSL sertifikatas“).

Be vadovų , yra keletas dalykų, kurie nebuvo iki galo paaiškinti:

  • Turėsite patvirtinti domeno nuosavybės teises el. Paštu arba tiesiogiai naudodami DNS. Siūlyčiau visada patvirtinti nuosavybės teisę patvirtinant DNS .
  • Paprašę sertifikato gausite kažką panašaus (išskyrus tai, kad būsena bus laukiama). Spustelėkite „Eksportuoti DNS konfigūracijos failą“:

Tai „Excel“ skaičiuoklė, kurioje bus kažkas panašaus:

  • Šiuos įrašus turėsite pridėti prie savo DNS nustatymų pas savo registratorių. Prisijunkite ir eikite į DNS nustatymus. Sąsaja skiriasi atsižvelgiant į skirtingus registratorius, tačiau ieškote savo pagrindinio kompiuterio įrašų DNS nustatymuose.
  • Spustelėkite „Pridėti įrašą“> įrašo tipas yra CNAME :

Turite pridėti du įrašus: 1) pagrindinio kompiuterio vardas turėtų būti „@“, o tikslinis vardas turėtų būti įrašo reikšmė iš DNS konfigūracijos failo.

2) Pagrindinio kompiuterio vardas turėtų būti * (žvaigždutė), o tikslinis vardas turėtų būti įrašo reikšmė iš DNS konfigūracijos failo.

Jei norite gauti daugiau informacijos apie CNAME ir įrašų tipus, radau šį naudingą straipsnį.

Tai gana ilga, bet aš ištraukiau naudingą dalį:

„Pastaba: pagrindinio kompiuterio vardas nurodo priešdomeną prieš domeno vardą. Norėdami sukurti tuščią įrašą, lauke Hostname naudokite @. Tai reiškia tuščią priešdėlį (taigi pavadinimas tiksliai sutampa su domeno vardu; pvz., Divapirate.com). @ Hostname taip pat vadinamas domeno šaknimi. * (Žvaigždutė) pagrindinio kompiuterio pavadinime yra pakaitos simbolis ir reiškia bet kokį priešdėlį. Pavyzdžiui, sukūrę įrašą * .divapirate.com nurodysite .divapirate.com nurodytu IP adresu. “

Jums tereikia palaukti patvirtinimo. Man tai užtruko apie valandą.

Kaip pridėti SSL sertifikatą?

Naudodami AWS galite pridėti SSL sertifikatą savo svetainėje nustatydami „ CloudFront“ . „CloudFront“ puikiai paspartina jūsų svetainę. Aš naudojausi AWS dokumentais ir Viktorijos Drake vadovu (atkreipkite dėmesį į jos naudingus patarimus).

Atminkite, kad kuriant „CloudFront“ paskirstymą yra išskleidžiamasis meniu, kuriame galite pridėti SSL sertifikatą. Jei jums jau buvo išduotas SSL sertifikatas, jis bus iš anksto užpildytas išskleidžiamajame meniu.

Jūsų būsena „CloudFront“ informacijos suvestinėje turėtų būti pakeista į „Įgalinta“. Tai nėra greita ir užtrunka šiek tiek laiko.

Beveik ten…

Galiausiai, jūs turite gauti savo domeno vardą iš „CloudFront“ platinimo. Tai turėtų būti kažkas panašaus į šį dsfdser83543. cloudfront.net .

Grįžkite į 53 maršruto> priglobtą zoną> pakeiskite abu „Alias“ įrašus („Alias ​​Target“) į „CloudFront“ domeno vardą.

Voila! Priglobėte savo pirmąją saugią statinę svetainę su AWS.

Tikiuosi, kad jums tai buvo naudinga. Jei turite klausimų ar tiesiog norite pasisveikinti, raskite mane „Twitter“ @PhoebeVF

Didelis ačiū Viktorijai Drake už jos vadovą. Norėdami sužinoti daugiau apie šią temą, skaitykite Viktorijos straipsnį: „Statinės svetainės priglobimas naudojant AWS S3, 53 maršrutą ir„ CloudFront “.

Iliustracijos sutinkamos su //undraw.co