Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele HTML-sivun Isännöinti S3:ssa | AWS S3 -Yleiskatsaus
Pilvilaskennan Perusteet

HTML-sivun Isännöinti S3:ssa

Pyyhkäise näyttääksesi valikon

Koska olemme jo tallentaneet erilaisia elementtejä, kuten skriptejä ja tyylejä julkiseen S3-buckettiin, saatat harkita myös kokonaisen HTML-sivun tai staattisen verkkosivuston isännöintiä S3-bucketissa. Tässä opit, miten tämä tehdään julkisessa S3-bucketissa, joka on saavutettavissa linkin kautta.

HTML-sivun isännöinti AWS S3:ssa

Aloita luomalla erillinen kansio bucketiin, johon tallennetaan kaikki tähän verkkosivuun liittyvät resurssit hallinnan ja kehityksen helpottamiseksi:

Nyt, kuten tavallista, meidän täytyy ladata HTML-tiedosto julkiseen bucketiin.

Ladattava HTML-tiedosto näyttää tältä:

index.html

index.html

Note
Huomio

Pilviteknologioita käytetään sekä Bootstrapin tuontiin että kuvan tuomiseen, joka toimii portfoliossamme avatarina.

Seuraavaksi ladataan se S3-buckettiin:

Nyt tarvitsee vain seurata tätä linkkiä tähän bucketiin, ja HTML-sivumme eli portfoliosivumme on heti käytettävissä.

Mielenkiintoisinta on, että tämä sivu sijaitsee pilvessä, joten pääsy siihen on aina saatavilla.

Staattinen verkkosivu

On olemassa toinen tapa julkaista verkkosivu S3:ssa, ja tämä menetelmä on erityisesti verkkosivuille suunniteltu. Tarkastellaan, miten tämä tehdään.

Ensiksi tulee luoda uusi bucket ja ladata HTML-tiedosto, joka toimii staattisen verkkosivuston pääsivuna.

Tätä varten luodaan uusi bucket ja ladataan HTML-tiedosto, jossa on portfolio:

Note
Huomio

On hyvä käytäntö luoda erillinen kansio ja ladata sinne CSS-tyylit, JavaScript-skriptit, erilaiset mediat ja muut materiaalit, jotka liittyvät staattiseen verkkosivustoosi.

Seuraavaksi siirrytään "Properties"-välilehdelle ja vieritetään sivun alareunaan. Etsitään osiota nimeltä "Static website hosting", kuten alla olevassa kuvakaappauksessa:

Avaamme tämän osion ja valitsemme "Enable" kohdasta "Static website hosting".

Seuraavaksi meidän tulee määrittää indeksitiedosto, joka tässä tapauksessa on portfolio.html. Jos sinulla on virhesivua varten oma tiedosto, voit määrittää sen myös tässä. Lopuksi tallenna sivu.

Note
Huomio

Muista, että jotta sivu on käyttäjien ja sinun saavutettavissa internetissä, sinun täytyy määrittää sen saavutettavuus samalla tavalla kuin aiemmalle bucketille.

Seuraavaksi tallennetaan muutokset, ja Amazon antaa meille linkin staattiselle verkkosivustollemme, jonka löydät alhaalta:

Nyt, kun vierailet tässä linkissä, näet AWS S3:een tallennetun HTML-sivumme:

On hyvä muistaa, että tämä ei ole paras tapa verkkosivuston isännöintiin; siihen on olemassa erikoistuneita palveluita, kuten Amazon EC2.

S3:lla voidaan isännöidä pieniä staattisia verkkosivustoja, mutta se ei välttämättä riitä laajemmille sovelluksille.

Isännöinti S3:lla on melko yksinkertaista, ja nyt tiedät, miten mediatiedostoja voidaan ladata ja tallentaa sinne.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 2. Luku 6
some-alt