Kako smjestiti svoju statičnu web stranicu s AWS-om - Vodič za početnike

Kad sam kreirao svoj prvi portfelj prošle godine, temeljio sam se na onome što sam naučio iz freeCodeCampa (HTML, CSS i malo JavaScript-a).

Tada sam svoj portfelj gledao samo na localhostu gledajući datoteke na svom lokalnom računalu. Nisam znao ništa o tome kako hostirati web stranicu na mreži.

Naučiti hostirati svoju prvu web stranicu nije bilo lako, ali bilo je sjajno iskustvo učenja. Ako ste ambiciozni web programer ili ste samo zainteresirani za pokretanje vlastite statičke web stranice, nadam se da će vam ovaj vodič biti koristan.

Kome je namijenjen ovaj vodič?

Ovaj je vodič namijenjen potpunim početnicima koji žele ugostiti statično web mjesto (mjesto s fiksnim sadržajem). Pružit ću upute za sljedeće:

  1. Kako kupiti domenu.
  2. Kako konfigurirati domenu za vanjskog davatelja usluge hostinga.
  3. Kako hostirati svoju web stranicu s Amazon Web Services (AWS).
  4. Kako zaštititi svoje web mjesto (SSL certifikat) pomoću Amazon Certification Manager.

Možda postoji neka terminologija koja je za vas nova. Samo naprijed i potražite pojmove koji nisu poznati. Stavio sam korisne linkove i objašnjenja tamo gdje sam smatrao prikladnim.

Što je naziv domene i DNS (sustav imena domena)?

Naziv domene adresa je vašeg web mjesta. Na primjer thecodinghamster.com. Ali za računalo, ime domene zapravo je niz brojeva (IP adresa). IP adresa izgleda ovako: 123.321.0.1

Nije nam lako zapamtiti dugački niz brojeva. Dakle, vaše računalo upućuje na DNS za prevođenje adrese web mjesta temeljenog na tekst u IP adresu koju onda može razumjeti. DNS je poput direktorija.

Gledao sam ovaj sjajni video koji objašnjava ime domene, DNS i kako to funkcionira za manje od pet minuta. Molimo pogledajte prvih pet minuta videozapisa ako ste zainteresirani:

Gdje možete kupiti ime domene?

Ime domene možete kupiti kod registra domene. Cijene počinju od nekoliko dolara. Ime vaše domene je jedinstveno. Svaki registar imena domena nudi različite razine usluga / podrške. Ali svoju domenu možete registrirati kod bilo kojeg registra.

Što je pružatelj usluge hostinga?

„Usluga internetskog hostinga usluga je koja pokreće internetske poslužitelje i omogućuje organizacijama i pojedincima da uslužuju sadržaj na Internetu. Postoje razne razine usluga i razne vrste usluga koje se nude. "

Kad sam tražio davatelja usluge hostinga za svoje web mjesto, istraživao sam različite mogućnosti. Cijene su se kretale od 2,00 do 5,00 funti mjesečno s raznim opcijama pohrane od 0,5 GB do 10 GB. Cijene su se činile razumnima, ali sve što sam želio bilo je smjestiti statično web mjesto. Imao je nekoliko slika, HTML, CSS i JavaScript datoteka. Nema dinamičnog sadržaja.

Zašto AWS?

Nakon daljnjih istraživanja pronašao sam AWS. AWS nudi besplatnu opciju sloja. U osnovi dobivate puno besplatnih proizvoda. Neki od njih ističu nakon 12 mjeseci, a drugi su trajni. Jedini trošak koji ćete imati za hostiranje statičnog web mjesta je trošak postavljanja hostirane zone. To je koštalo 0,50 dolara mjesečno. Stoga sam otišao s AWS-om i otvorio svoj račun.

Sjajna stvar AWS-a je cijena i pouzdan je hosting usluga. Ali jedno na umu je da se oslanjate na njihovu dokumentaciju. Kad sam počeo čitati o uslugama koje nudi AWS, brzo je postalo zbunjujuće! Koristio sam službeni vodič za AWS za postavljanje statičnih web stranica. Ali otkrio sam da se gubim klikom na vezu do druge poveznice i tako dalje. Počeo sam istraživati ​​druge vodiče kako bih nadoknadio praznine u znanju.

Pronašla sam ovaj izvrsni vodič Victorije Drake.

Slijedio sam vodiča Victoria Drake uz AWS i uspio se pomutiti. No, bilo je još nekoliko stvari koje nisu objašnjene, a nadam se da ću ih razjasniti.

Prije nego što nastavimo, evo vašeg popisa obveza:

  • Istražite registre domena i kupite ime domene.
  • Prijavite se za besplatni račun s AWS-om.
  • Otvorite i dokumentaciju AWS-a i vodiča Victoria Drake. Koristite moj vodič da vas vodi kroz dokumentaciju (nadam se da to ima smisla!).

Idemo!

AWS: Stvorite hostiranu zonu na ruti 53.

Ruta 53 je mjesto gdje se obrađuju svi vaši DNS zahtjevi.

Prvo što morate postaviti je zona vašeg hosta s Route 53. To je jako jednostavno ako ste domenu kupili putem AWS-a. Hostirana zona stvara se automatski nakon što je kupite. Ako ste to učinili, samo prijeđite na sljedeći odjeljak ( Postavite S3 kante ).

Međutim, ako ste bili poput mene i kupili ste ime domene putem drugog registra, učinite sljedeće.

Sljedeći je dio kako stvoriti hostiranu zonu na ruti 53 ako ime svoje domene niste kupili od AWS-a:

  1. Idite na put 53 na svojoj konzoli i kliknite na „Stvori hostiranu zonu“. Unesite adresu svoje domene, komentar nije obavezan i odaberite "Javno hostiranu zonu". Kliknite "Stvori".

2. Jednom kada se kreira vaša hostirana zona, trebaju vam zapisi NS (poslužitelji imena):

3. Idite na registar vašeg imena domene i prijavite se. Ovisno o vašem registru, u postavkama biste trebali pronaći odjeljak pod nazivom "Poslužitelji imena" koji možete urediti. Morate kopirati preko AWS NS zapisa i promijeniti postojeće NS zapise u postavkama domene.  

Imajte na umu, nemojte kopirati točku / razdoblje na kraju NS zapisa. Na primjer, mora biti "ns-63.awsdns-07.com", a ne "ns-63.awsdns-07.com".

Za razmnožavanje bit će potrebno do 24 sata.

Postavite S3 kante

U međuvremenu možete postaviti svoje S3 kante. Segment S3 spremište je za vaše datoteke, poput indeksa.html.

Morate konfigurirati dva segmenta za svoje web mjesto: 1) vašedomena.com i 2) www.vašimedom.com.

Prva je glavna grupa, u koju ćete prenijeti sve svoje dokumente, kao što je index.html. Drugi segment preusmjerava na prvi segment. Da biste postavili S3 segmente, slijedite AWS dokumentaciju o postavljanju segmenta S3 (2: Stvaranje i konfiguriranje segmenata i prijenos podataka).

Uz dokumentaciju, ima nekoliko stvari na koje treba obratiti pažnju:

  • U odjeljku 2.1 (dio 2): kliknite vezu Kako mogu stvoriti S3 kantu? Ovo je detaljni vodič i objasniti sve postavke koje trebate odabrati.
  • U odjeljku 2.1 (dio 3): još ne morate učitati datoteke web mjesta. U međuvremenu možete dodati test index.html.

Zabilježite svoju krajnju točku . To možete pronaći u S3 segmentu> kartica "Svojstva"> okvir "Statički web hosting". To bi trebalo izgledati otprilike ovako: //vašdomen.com.com.s3-website.eu-west-2.amazonaws.com

Dodajte Alias ​​/ “A” zapise u ruti 53

Napokon se vratite na Ruta 53 i otvorite hostiranu zonu da biste postavili svoje Alias ​​zapise. Možete slijediti dokumentaciju u "Korak 3: Dodajte Alias ​​Records na primjer.com ili www.example.com". Sasvim je izravno.

Nakon širenja postavki NS, vaša je web stranica aktivna ! Moći ćete posjetiti svoje web mjesto na adresi domene, npr. Yourdomainname.com

Međutim, imajte na umu da neće biti siguran i da ćete u adresnoj traci vidjeti prefiks // . Doći ću do toga u sljedećem odjeljku.

Kako svoju web stranicu učiniti sigurnom i što je SSL certifikat?

Vrlo je važno učiniti svoje web mjesto sigurnim, a za to ćete trebati dobiti SSL certifikat. SSL je kratica za Secure Sockets Layer i koristi šifriranje za siguran prijenos podataka između korisnika i web mjesta. Google će također poboljšati ljestvicu web stranica s HTTPS-om.

Ako web mjesto zaštitite SSL certifikatom, u adresnoj traci vidjet ćete // i simbol lokota.

Postoje različite vrste SSL certifikata: certifikat o proširenoj provjeri valjanosti i certifikat o valjanosti domene. Za osobno web mjesto ili blog potreban je samo certifikat potvrđen domenom. Također nećete vidjeti naziv svoje tvrtke s lijeve strane trake kao u gornjem primjeru. Ovo dobivate samo ako imate certifikat o proširenoj provjeri valjanosti, što je više za velike tvrtke / poduzeća.

Koliko košta SSL certifikat?

Vidio sam niz načina za dobivanje SSL certifikata. Možete platiti premiju za uslugu koja će to učiniti u vaše ime ili to možete učiniti besplatno pomoću programa Let's Encrypt. Let's Encrypt službeno je tijelo za izdavanje certifikata (CA). No certifikat morate obnoviti svaka tri mjeseca, a postupak je prilično složen.

Nisam želio platiti premiju niti sam želio gnjavažu s obnavljanjem svaka tri mjeseca. Prikladno, AWS može izdati SSL certifikate za vrlo malu naknadu. Za svaki izdani certifikat plaćate 0,75 USD i traje godinu dana.

Ako odlučite ne ići s AWS-om, svakako istražite i odaberite pouzdanu CA!

Kako do SSL certifikata s AWS-om?

Prijavite se na AWS konzolu i idite do AWS upravitelja certifikata (ACM).

Svakako promijenite regiju sa zadane (Ohio) na N. Virginia. To nije izričito u vodičima i samo regija N. Virginia može izdati certifikate. Naučila sam na teži način i izgubila puno vremena!

Zatim kliknite "Započni" u odjeljku "Potvrde o osiguranju".

Slijedite dokumentaciju s AWS-om („Traženje javnog certifikata pomoću konzole“) i upotrijebite vodič Victoria Drake (pod „SSL certifikat“).

Pored vodiča, postoji nekoliko stvari koje nisu u potpunosti objašnjene:

  • Vlasništvo domene morat ćete potvrditi e-poštom ili izravno s DNS-om. Predložio bih da vlasništvo uvijek provjerite DNS provjerom valjanosti .
  • Nakon što zatražite certifikat, dobit ćete nešto slično (osim što će status biti na čekanju). Kliknite na „Izvoz datoteke konfiguracije DNS-a“:

Riječ je o Excel proračunskoj tablici koja će sadržavati otprilike ovo:

  • Morat ćete dodati ove zapise u postavke DNS-a s matičarom. Prijavite se i idite na DNS postavke. Sučelje se razlikuje kod različitih registra, ali svoje hostovane zapise tražite u postavkama DNS-a.
  • Kliknite "Dodaj zapis"> vrsta zapisa je CNAME :

Trebate dodati dva zapisa: 1) Ime hosta trebalo bi biti "@", a naziv cilja trebao bi biti vrijednost zapisa iz DNS konfiguracijske datoteke.

2) Ime hosta trebalo bi biti * (zvjezdica), a naziv cilja trebao bi biti vrijednost zapisa iz DNS konfiguracijske datoteke.

Ako želite više informacija o CNAME i vrstama zapisa, pronašao sam ovaj koristan članak.

Prilično je dugačak, ali izvukao sam korisni dio:

“Napomena: Ime hosta odnosi se na prefiks prije imena domene. Da biste stvorili prazan zapis, upotrijebite @ u polju Ime hosta. Ovo predstavlja prazan prefiks (tako da se naziv točno podudara s imenom domene; na primjer divapirate.com). Ime @ hosta također se naziva korijenom domene. Znak * (zvjezdica) u imenu hosta zamjenski je i predstavlja bilo koji prefiks. Na primjer, stvaranje zapisa za * .divapirate.com usmjerit će .divapirate.com na navedenu IP adresu. "

Trebate pričekati provjeru. Za mene je ovo trajalo oko sat vremena.

Kako se dodaje SSL certifikat?

Pomoću AWS-a možete dodati SSL certifikat na svoje web mjesto postavljanjem CloudFronta . CloudFront je izvrstan za ubrzavanje vaše web stranice. Koristio sam AWS dokumentaciju i vodič Victoria Drake (pripazite na njezine korisne savjete).

Imajte na umu da prilikom izrade vaše CloudFront distribucije postoji padajući izbornik za dodavanje vašeg SSL certifikata. Ako ste već dobili SSL certifikat, on će biti unaprijed popunjen u padajućem izborniku.

Vaše stanje na nadzornoj ploči CloudFronta trebalo bi se promijeniti u "Omogućeno". Ovo nije trenutno i traje malo vremena.

Skoro tamo…

Na kraju, svoje ime domene morate dobiti iz distribucije CloudFront. To bi trebalo biti nešto poput ovog dsfdser83543. cloudfront.net .

Vratite se na Ruta 53> hostirana zona> promijenite oba Alias ​​zapisa (Alias ​​Target) u CloudFront Domain Name.

Voila! Ugostili ste svoje prvo sigurno statično web mjesto s AWS-om.

Nadam se da vam je ovo bilo korisno. Ako imate bilo kakvih pitanja ili samo želite pozdraviti, pronađite me na Twitteru @PhoebeVF

Veliko hvala Victoriji Drake na njenom vodiču. Za naprednije upute o ovoj temi, pogledajte Victorijin članak: "Hostiranje vašeg statičnog web mjesta s AWS S3, Route 53 i CloudFront".

Ilustracije ljubaznošću //undraw.co