Uso de Mídia do AWS S3
Deslize para mostrar o menu
Vamos aprender como fazer upload e utilizar arquivos de mídia em nosso bucket.
Primeiro, é necessário abrir a guia Objects e clicar no botão Upload.
Será exibido um menu onde é possível selecionar arquivos ou uma pasta contendo arquivos para upload. Atualmente, para nós, o S3 funciona de forma semelhante ao Google Drive, por exemplo.
Google Drive é outro serviço de armazenamento em nuvem, mas oferece um conjunto limitado de ferramentas para manipulação de dados. Para fins de programação, o AWS S3 é muito mais utilizado, por isso estamos usando ele.
É necessário selecionar qualquer imagem e enviá-la para a plataforma; no nosso caso, será uma foto de uma tartaruga.
Após o envio, abrimos o arquivo carregado e as seguintes informações aparecem:
Veja como é a nossa tartaruga:
Como usar esta imagem em nossos projetos?
Para utilizar este arquivo, já configuramos o bucket corretamente para que possamos acessá-lo de qualquer origem.
Vamos criar uma pequena página HTML com um espaço para esta foto.
Podemos inserir a foto usando um link na tag <img> em HTML.
O código para esta foto ficará assim:
index.html
Como você pode ver, quando o código é executado, a foto desta tartaruga é exibida para nós.
Tudo o que fizemos foi escrever um link para a imagem da nossa tartaruga na tag HTML.
A foto da tartaruga não está armazenada nos arquivos deste site, nem é baixada localmente para o seu dispositivo. Em vez disso, este arquivo está armazenado no AWS S3, que utilizamos para acessá-lo e exibi-lo em qualquer página.
Você também pode acessar esta imagem diretamente seguindo este link.
Agora, vamos criar uma pequena página HTML onde descrevemos a tartaruga e damos ao usuário a oportunidade de alimentá-la.
O código ficará assim:
index.html
style.css
script.js
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
