Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele AWS S3:n Median Käyttö | AWS S3 -Yleiskatsaus
Pilvilaskennan Perusteet

AWS S3:n Median Käyttö

Pyyhkäise näyttääksesi valikon

Opetus median tiedostojen lataamisesta ja käytöstä bucketissa.

Avaa ensin Objects-välilehti ja napsauta Upload-painiketta.

Cloud tech AWS S3 upload click%404x

Näytölle avautuu valikko, jossa voidaan valita tiedostoja tai kansio ladattavaksi. Tällä hetkellä S3 toimii meille vastaavalla tavalla kuin esimerkiksi Google Drive.

Note
Huomio

Google Drive on toinen pilvitallennuspalvelu, mutta se tarjoaa rajallisen määrän työkaluja datan käsittelyyn. Ohjelmointikäytössä AWS S3 on huomattavasti laajemmin käytössä, minkä vuoksi käytämme sitä.

Sinun tulee valita mikä tahansa kuva ja ladata se alustalle; tässä tapauksessa käytämme kilpikonnan kuvaa.

Latauksen jälkeen avataan ladattu tiedosto, jolloin seuraavat tiedot tulevat näkyviin:

Pilviteknologia AWS S3 -medi tiedoston ominaisuuksien yleiskatsaus

Tältä kilpikonnamme näyttää:

kilpikonna

Kuinka käyttää tätä kuvaa projekteissamme?

Tämän tiedoston käyttöä varten olemme jo konfiguroineet bucketin oikein, jotta siihen pääsee käsiksi mistä tahansa lähteestä.

Kirjoitetaan pieni HTML-sivu, jossa on tila tälle kuvalle.

Voimme lisätä kuvan käyttämällä linkkiä HTML:n <img>-tagissa.

Tämän kuvan koodi näyttää tältä:

index.html

index.html

Kuten huomaat, kun koodi suoritetaan, tämä kilpikonnakuva näytetään meille.

Ainoa mitä teimme, oli kirjoittaa linkki kilpikonnamme kuvaan HTML-tagiin.

Note
Huomio

Kilpikonnakuva ei ole tallennettuna tämän verkkosivuston tiedostoihin, eikä sitä ladata paikallisesti laitteellesi. Sen sijaan tämä tiedosto on tallennettu AWS S3:een, jonka avulla pääsemme siihen käsiksi ja voimme näyttää sen millä tahansa sivulla.

Voit myös avata tämän kuvan suoraan seuraamalla tätä linkkiä.

Seuraavaksi kirjoitetaan pieni HTML-sivu, jossa kuvaillaan kilpikonnaa ja annetaan käyttäjälle mahdollisuus ruokkia sitä.

Koodi näyttää tältä:

index.html

index.html

style.css

style.css

script.js

script.js

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Osio 2. Luku 3
some-alt