Staattisen verkkosivustosi ylläpito AWS: n avulla - Aloittelijan opas

Kun loin ensimmäisen salkun viime vuonna, perustin sen siihen, mitä olin oppinut freeCodeCampista (HTML, CSS ja pieni JavaScript).

Tuolloin olin tarkastellut salkkuani vain paikallisessa palvelimessa katsomalla tiedostoja paikallisella tietokoneellani. En tiennyt mitään verkkosivuston ylläpitämisestä verkossa.

Ensimmäisen verkkosivustoni isännöinnin oppiminen ei ollut helppoa, mutta se oli hieno oppimiskokemus. Jos olet pyrkivä web-kehittäjä tai olet vain kiinnostunut käynnistämään oman staattisen verkkosivustosi, toivon, että löydät tämän oppaan hyödylliseksi.

Kenelle tämä opas on tarkoitettu?

Tämä opas on tarkoitettu aloittelijoille, jotka haluavat isännöidä staattista verkkosivustoa (kiinteän sisällön sivusto). Annan ohjeet seuraaville:

  1. Kuinka ostaa verkkotunnus.
  2. Kuinka määrität verkkotunnuksesi ulkoiselle palveluntarjoajalle.
  3. Kuinka isännöidä verkkosivustoasi Amazon Web Services (AWS) -sovelluksella.
  4. Kuinka tehdä verkkosivustostasi turvallinen (SSL-sertifikaatti) Amazon Certification Manager -sovelluksella.

Saattaa olla terminologiaa, joka on uutta sinulle. Mene eteenpäin ja etsi ehdot, jotka eivät ole tuttuja. Olen lisännyt hyödyllisiä linkkejä ja selityksiä mihin pidin sopivana.

Mikä on verkkotunnus ja DNS (Domain Name System)?

Verkkotunnus on verkkosivustosi osoite. Esimerkiksi thecodinghamster.com. Mutta tietokoneelle verkkotunnus on oikeastaan ​​numerosarja (IP-osoite). IP-osoite näyttää tältä: 123.321.0.1

Meidän ei ole helppoa muistaa pitkää numerosarjaa. Joten tietokoneesi viittaa DNS: ään, joka kääntää tekstipohjaisen verkkosivuston osoitteen IP-osoitteeksi, jonka se voi sitten ymmärtää. DNS on kuin hakemisto.

Katsoin tämän upean videon, jossa selitetään verkkotunnus, DNS ja miten se toimii alle viidessä minuutissa. Katso videon viisi ensimmäistä minuuttia, jos olet kiinnostunut:

Mistä voit ostaa verkkotunnuksesi?

Voit ostaa verkkotunnuksen verkkotunnuksen rekisteröijältä. Hinnat alkavat muutamasta dollarista. Verkkotunnuksesi on yksilöllinen. Jokainen verkkotunnusrekisterinpitäjä tarjoaa erilaisia ​​palvelu- / tukitasoja. Mutta voit rekisteröidä verkkotunnuksesi mille tahansa rekisteröijälle.

Mikä on palveluntarjoaja?

”Internet-hosting-palvelu on palvelu, joka käyttää Internet-palvelimia ja jonka avulla organisaatiot ja yksityishenkilöt voivat palvella sisältöä Internetissä. Tarjolla on erilaisia ​​palvelutasoja ja erilaisia ​​palveluja. "

Kun etsin verkkosivustolleni palveluntarjoajaa, tutkin erilaisia ​​vaihtoehtoja. Hinnat vaihtelivat 2,00 - 5,00 puntaa kuukaudessa, ja eri tallennusvaihtoehdot olivat 0,5 Gt - 10 Gt. Hinnat näyttivät kohtuullisilta, mutta halusin vain isännöidä staattista verkkosivustoa. Siinä oli muutama kuva, HTML, CSS ja JavaScript-tiedostot. Ei dynaamista sisältöä.

Miksi AWS?

Lisätutkimusten jälkeen löysin AWS: n. AWS tarjoaa ilmaisen tason vaihtoehdon. Pohjimmiltaan saat paljon ilmaisia ​​tuotteita. Jotkut niistä vanhenevat 12 kuukauden kuluttua ja toiset ovat ikuisesti vapaita. Ainoat kustannukset, jotka aiheutuvat staattisen verkkosivuston isännöinnistä, ovat isännöidyn vyöhykkeen perustamisen kustannukset. Tämä maksaa 0,50 dollaria kuukaudessa. Joten menin AWS: n kanssa ja perustin tilini.

AWS: n hieno asia on hinta ja se on luotettava palveluntarjoaja. Mutta yksi asia on pidettävä mielessä, että luotat heidän dokumentointiin. Kun aloin lukea AWS: n tarjoamista palveluista, siitä tuli nopeasti sekava! Käytin virallista AWS-opasta staattisten verkkosivustojen luomiseen. Huomasin kuitenkin eksyvän napsauttamalla linkkiä toiseen linkkiin ja niin edelleen. Aloin tutkia muita oppaita korvaamaan tiedon puutteet.

Löysin tämän erinomaisen oppaan Victoria Drake.

Seurasin Victoria Draken opasta AWS: n rinnalla ja onnistuin sekoittumaan. Mutta vielä oli joitain asioita, joita ei selitetty ja jotka toivon täsmentävän.

Ennen kuin jatkat, tässä on sinun tehtäväluettelosi:

  • Tutki verkkotunnuksen rekisteröijiä ja osta verkkotunnuksesi.
  • Luo ilmainen tili AWS: llä.
  • Pidä AWS: n ja Victoria Draken oppaan asiakirjat auki. Käytä oppaatani opastamaan sinut dokumentaation läpi (toivottavasti järkevää!).

Nyt sitä mennään!

AWS: Luo isännöity vyöhyke reitille 53.

Reitti 53 on paikka, jossa kaikkia DNS-pyyntösi käsitellään.

Ensimmäinen asia, joka sinun on määritettävä, on isäntävyöhyke reitillä 53. Tämä on todella helppoa, jos ostit verkkotunnuksesi AWS: n kautta. Isännöity vyöhyke luodaan automaattisesti, kun olet ostanut sen. Jos olet tehnyt tämän, siirry vain seuraavaan osioon ( S3-kauhojen määrittäminen ).

Jos kuitenkin olit kuin minä ja ostit verkkotunnuksesi toisen rekisteröijän kautta, toimi seuraavasti.

Tämä seuraava osa on kuinka isännöity vyöhyke luodaan reitillä 53, jos et ole ostanut verkkotunnustasi AWS: ltä:

  1. Siirry konsolin reitille 53 ja napsauta "Luo isännöity vyöhyke". Kirjoita verkkotunnuksesi osoite, kommentti on valinnainen ja valitse ”Public Hosted Zone”. Napsauta "Luo".

2. Kun isännöity vyöhyke on luotu, tarvitset NS (Name Servers) -tietueesi:

3. Mene verkkotunnuksesi rekisteröijään ja kirjaudu sisään. Rekisteröijän mukaan sinun pitäisi löytää asetuksistasi osa nimipalvelimet, jota voit muokata. Sinun on kopioitava AWS NS -tietueisiin ja muutettava olemassa olevia NS-tietueita toimialueesi asetuksissa.  

Huomaa, että älä kopioi pisteitä / jaksoja NS-tietueen lopussa. Esimerkiksi on oltava "ns-63.awsdns-07.com", ei "ns-63.awsdns-07.com".

Edistyminen kestää jopa 24 tuntia.

Aseta S3-kauhat

Sillä välin voit asettaa S3-kauhat. S3-ämpäri on tiedostojen, kuten index.html, tallennustila.

Sinun on määritettävä verkkosivustollesi kaksi ryhmää: 1) verkkotunnuksesi.com ja 2) www.omaverkkotunnuksesi.com.

Ensimmäinen ämpäri on pääsäilö, johon lataat kaikki asiakirjat, kuten index.html. Toinen kauha ohjaa ensimmäiseen kauhaan. Asenna S3-kauhat noudattamalla AWS-ohjeita S3-kauhan asettamisesta (2: Kauhojen luominen ja määrittäminen sekä tietojen lataaminen).

Asiakirjojen lisäksi on huomioitava muutama asia:

  • Kohdassa 2.1 (osa 2): napsauta linkkiä Kuinka luon S3-kauhan? Tämä on vaiheittainen opas ja selitä kaikki valitsemasi asetukset.
  • Kohdassa 2.1 (osa 3): sinun ei tarvitse vielä ladata verkkosivustosi tiedostoja. Voit lisätä testi index.html tällä välin.

Ota huomioon päätetapahtuma . Löydät tämän S3-ämpäri> Ominaisuudet-välilehti> Staattinen verkkopalvelu -ruudusta. Sen pitäisi näyttää tältä: //omaverkkotunnuksesi.com.s3-website.eu-west-2.amazonaws.com

Lisää Alias ​​/ A-tietueet reitille 53

Palaa lopuksi takaisin reitille 53 ja avaa isännöity vyöhyke asettaaksesi Alias-tietueesi. Voit seurata ohjeita vaiheesta 3: Lisää aliaksitietueet esim ..fi ja www.esimerkki.fi. Se on melko suoraviivaista.

Kun NS-asetukset ovat levinneet, sivustosi on aktiivinen ! Voit käydä sivustollasi verkkotunnuksen osoitteella, esim. Verkkotunnuksesi.com

Huomaa kuitenkin, että se ei ole turvallinen ja osoitepalkissa näkyy // -etuliite. Pääsen siihen seuraavassa osassa.

Kuinka tehdä verkkosivustostasi turvallinen ja mikä on SSL-varmenne?

On erittäin tärkeää, että verkkosivustosi on suojattu, ja sinun on hankittava SSL-varmenne. SSL on lyhenne sanoista Secure Sockets Layer ja se käyttää salausta tietojen turvalliseen siirtämiseen käyttäjän ja sivuston välillä. Google lisää myös ranking-arvoa verkkosivustoille, joissa on HTTPS.

Jos suojaat verkkosivuston SSL-varmenteella, osoitepalkissa näkyy // ja riippulukon symboli.

SSL-varmenteita on erityyppisiä: Extended Validation Certificate ja Domain validated Certificate. Henkilökohtaista verkkosivustoa tai blogia varten tarvitaan vain verkkotunnuksen vahvistama varmenne. Et myöskään näe yrityksesi nimeä palkin vasemmalla puolella, kuten yllä olevassa esimerkissä. Saat tämän vain, jos sinulla on laajennettu varmennustodistus, joka on tarkoitettu suurille yrityksille / yrityksille.

Paljonko SSL-varmenne maksaa?

Olen nähnyt useita tapoja saada SSL-varmenne. Voit maksaa palkkion palvelusta, joka tekee tämän puolestasi, tai voit tehdä sen ilmaiseksi Let's Encrypt -palvelun avulla. Let's Encrypt on virallinen varmentaja (CA). Sertifikaatti on kuitenkin uusittava kolmen kuukauden välein, ja prosessi on melko monimutkainen.

En halunnut maksaa palkkiota tai halua vaivaa uusimisesta kolmen kuukauden välein. AWS voi kätevästi antaa SSL-varmenteita hyvin pienestä maksusta. Maksat 0,75 dollaria jokaisesta myönnetystä todistuksesta ja se kestää yhden vuoden.

Jos et halua mennä AWS: n kanssa, varmista, että teet tutkimuksen ja valitse luotettava varmentaja!

Kuinka saat SSL-varmenteen AWS: llä?

Kirjaudu AWS-konsoliin ja siirry AWS Certificate Manageriin (ACM).

Varmista, että vaihdat alueen oletusarvoisesta (Ohio) alueesta N. Virginia. Tätä ei ole nimenomaisesti mainittu oppaissa, ja vain N. Virginian alue voi myöntää varmenteita. Olen oppinut vaikea tapa ja hukkaan paljon aikaa!

Napsauta sitten "Aloitus" kohdassa "Provision Certificates".

Seuraa AWS: n dokumentaatiota (”Julkisen varmenteen pyytäminen konsolilla”) ja käytä Victoria Draken opasta (kohdassa ”SSL-varmenne”).

Oppaiden lisäksi on muutamia asioita, joita ei ole selitetty täysin:

  • Sinun on vahvistettava verkkotunnuksesi omistajuus sähköpostitse tai suoraan DNS: n avulla. Ehdotan, että omistusoikeus tarkistetaan aina DNS-tarkistuksella .
  • Kun olet pyytänyt varmentettasi, saat jotain tällaista (paitsi että tila on vireillä). Napsauta "Vie DNS-määritystiedosto":

Se on Excel-laskentataulukko, joka sisältää jotain tällaista:

  • Sinun on lisättävä nämä tietueet DNS-asetuksiisi rekisterinpitäjän kanssa. Kirjaudu sisään ja siirry DNS-asetuksiin. Käyttöliittymä vaihtelee eri rekisteröijien mukaan, mutta etsit isäntätietueitasi DNS-asetuksistasi.
  • Napsauta “Lisää tietue”> tietueen tyyppi on CNAME :

Sinun on lisättävä kaksi tietuetta: 1) Isäntänimen tulee olla “@” ja Kohteen nimen tulee olla DNS-määritystiedoston tietue-arvo.

2) Isäntänimen tulee olla * (tähti) ja Kohteen nimen tulee olla DNS-määritystiedoston tietue-arvo.

Jos haluat lisätietoja CNAME- ja tietuetyypeistä, löysin tämän hyödyllisen artikkelin.

Se on melko pitkä, mutta olen vetänyt pois hyödyllisen osan:

"Huomaa: Isäntänimi viittaa etuliitteeseen ennen verkkotunnusta. Luo tyhjä tietue käyttämällä @ -kenttää Isäntänimi-kentässä. Tämä edustaa tyhjää etuliitettä (joten nimi vastaa tarkalleen verkkotunnusta; esimerkiksi divapirate.com). @ Isäntänimeä kutsutaan myös toimialueen juureksi. * (Tähti) isäntänimessä on jokerimerkki ja edustaa mitä tahansa etuliitettä. Esimerkiksi tietueen luominen osoitteelle * .divapirate.com osoittaa .divapirate.com-osoitteen annettuun IP-osoitteeseen. "

Sinun tarvitsee vain odottaa vahvistusta. Minulle tämä kesti noin tunnin.

Kuinka lisäät SSL-varmenteen?

AWS: n avulla voit lisätä SSL-varmenteen verkkosivustoosi määrittämällä CloudFrontin . CloudFront on hyvä verkkosivustosi nopeuttamiseksi. Käytin AWS-dokumentaatiota ja Victoria Draken opasta (etsi hänen hyödyllisiä vinkkejä).

Huomaa, että kun luot CloudFront-jakelusi, SSL-sertifikaatti lisätään avattavasta valikosta. Jos sinulle on jo annettu SSL-varmenne, se täytetään valmiiksi pudotusvalikossa.

CloudFront-hallintapaneelisi tilan tulisi muuttua tilaksi Käytössä. Tämä ei ole välitöntä ja vie vähän aikaa.

Melkein siellä…

Lopuksi sinun on hankittava verkkotunnuksesi CloudFront-jakelusta. Sen pitäisi olla jotain tällaista dsfdser83543. cloudfront.net .

Palaa reitille 53> isännöity vyöhyke> muuta molemmat Alias-tietueet (Alias ​​Target) CloudFront-verkkotunnukseksi.

Voila! Olet isännöinyt ensimmäistä suojattua staattista verkkosivustoasi AWS: n avulla.

Toivottavasti pidit tästä hyödyllisenä. Jos sinulla on kysyttävää tai haluat vain tervehtiä, etsi minut Twitteristä @PhoebeVF

Suuri kiitos Victoria Drakelle oppaastaan. Katso tarkempi opetusohjelma tästä aiheesta tutustumalla Victorian artikkeliin: "Staattisen sivuston ylläpito AWS S3: n, Route 53: n ja CloudFrontin avulla".

Kuvat ovat osoitteesta //undraw.co