Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Hospedagem de uma Página HTML no S3 | Visão Geral do AWS S3
Introdução à Computação em Nuvem

bookHospedagem de uma Página HTML no S3

Como já hospedamos vários elementos, como scripts e estilos, em nosso bucket público S3, você pode ter considerado hospedar uma página HTML completa ou um site estático no bucket S3. Aprenda como fazer isso em um bucket público S3, acessível por meio de um link.

Hospedando uma Página HTML no AWS S3

Para começar, recomenda-se criar uma pasta separada no bucket onde serão armazenados todos os recursos relacionados a essa página web, facilitando o gerenciamento e o desenvolvimento:

Agora, como de costume, precisamos fazer o upload do arquivo HTML para o nosso bucket público.

O arquivo HTML que iremos enviar é o seguinte:

index.html

index.html

copy
Note
Nota

Tecnologias em nuvem são utilizadas para importar o Bootstrap, assim como para a imagem, que serve como nosso avatar no portfólio.

Agora vamos fazer o upload para o bucket S3:

Agora, tudo o que precisamos fazer é seguir o link para este bucket, e teremos nossa página HTML, que serve como nosso portfólio, disponível imediatamente.

O mais interessante é que esta página está na nuvem, e sempre teremos acesso a ela.

Página Web Estática

Existe outra maneira de hospedar uma página web no S3, e esse método será mais especializado para páginas web. Veja como realizar esse procedimento.

Primeiro, é necessário criar um novo bucket e fazer o upload do arquivo HTML que será a página principal do site estático.

Para isso, crie um novo bucket e faça o upload do arquivo HTML com o portfólio:

Note
Nota

É uma boa prática criar uma pasta separada e fazer o upload de estilos CSS, scripts JavaScript, diversos arquivos de mídia e outros materiais relacionados ao seu site estático nela.

Em seguida, acesse a "aba Propriedades" e role até o final da página. Procure pela seção chamada "Hospedagem de site estático", conforme mostrado na captura de tela abaixo:

Abrimos esta seção e selecionamos "Ativar" na linha "Hospedagem de site estático".

Em seguida, é necessário especificar o documento de índice, que, neste caso, é portfolio.html. Se houver uma página de tratamento de erros, ela também pode ser especificada. Por fim, apenas salve a página.

Note
Nota

Lembre-se de que, para a página ser acessível aos usuários e a você na internet, é necessário configurar sua acessibilidade da mesma forma que foi feito com o bucket anterior.

Em seguida, é necessário salvar as alterações, e a Amazon fornecerá um link para o nosso site estático, que pode ser encontrado na parte inferior:

Agora, ao acessar esse link, será possível visualizar nossa página HTML hospedada no AWS S3:

Lembre-se de que este não é o melhor método para hospedar um site; existem serviços especializados para isso, como o Amazon EC2.

No S3, é possível hospedar pequenos sites estáticos, mas pode não ser suficiente para aplicações maiores.

A hospedagem no S3 é bastante simples, e agora você sabe como fazer upload e armazenar seus arquivos de mídia lá.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 4.55

bookHospedagem de uma Página HTML no S3

Deslize para mostrar o menu

Como já hospedamos vários elementos, como scripts e estilos, em nosso bucket público S3, você pode ter considerado hospedar uma página HTML completa ou um site estático no bucket S3. Aprenda como fazer isso em um bucket público S3, acessível por meio de um link.

Hospedando uma Página HTML no AWS S3

Para começar, recomenda-se criar uma pasta separada no bucket onde serão armazenados todos os recursos relacionados a essa página web, facilitando o gerenciamento e o desenvolvimento:

Agora, como de costume, precisamos fazer o upload do arquivo HTML para o nosso bucket público.

O arquivo HTML que iremos enviar é o seguinte:

index.html

index.html

copy
Note
Nota

Tecnologias em nuvem são utilizadas para importar o Bootstrap, assim como para a imagem, que serve como nosso avatar no portfólio.

Agora vamos fazer o upload para o bucket S3:

Agora, tudo o que precisamos fazer é seguir o link para este bucket, e teremos nossa página HTML, que serve como nosso portfólio, disponível imediatamente.

O mais interessante é que esta página está na nuvem, e sempre teremos acesso a ela.

Página Web Estática

Existe outra maneira de hospedar uma página web no S3, e esse método será mais especializado para páginas web. Veja como realizar esse procedimento.

Primeiro, é necessário criar um novo bucket e fazer o upload do arquivo HTML que será a página principal do site estático.

Para isso, crie um novo bucket e faça o upload do arquivo HTML com o portfólio:

Note
Nota

É uma boa prática criar uma pasta separada e fazer o upload de estilos CSS, scripts JavaScript, diversos arquivos de mídia e outros materiais relacionados ao seu site estático nela.

Em seguida, acesse a "aba Propriedades" e role até o final da página. Procure pela seção chamada "Hospedagem de site estático", conforme mostrado na captura de tela abaixo:

Abrimos esta seção e selecionamos "Ativar" na linha "Hospedagem de site estático".

Em seguida, é necessário especificar o documento de índice, que, neste caso, é portfolio.html. Se houver uma página de tratamento de erros, ela também pode ser especificada. Por fim, apenas salve a página.

Note
Nota

Lembre-se de que, para a página ser acessível aos usuários e a você na internet, é necessário configurar sua acessibilidade da mesma forma que foi feito com o bucket anterior.

Em seguida, é necessário salvar as alterações, e a Amazon fornecerá um link para o nosso site estático, que pode ser encontrado na parte inferior:

Agora, ao acessar esse link, será possível visualizar nossa página HTML hospedada no AWS S3:

Lembre-se de que este não é o melhor método para hospedar um site; existem serviços especializados para isso, como o Amazon EC2.

No S3, é possível hospedar pequenos sites estáticos, mas pode não ser suficiente para aplicações maiores.

A hospedagem no S3 é bastante simples, e agora você sabe como fazer upload e armazenar seus arquivos de mídia lá.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6
some-alt