Hospedagem 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. Veja 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 vamos enviar é o seguinte:
index.html
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, bem diante de nós.
A parte mais interessante é que essa 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 nosso site estático.
Para isso, vamos criar um novo bucket e enviar o arquivo HTML com o portfólio:
É 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 nesse local.
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.
Depois, basta salvar a página.
Lembre-se de que, para que a página seja 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ê já sabe como fazer upload e armazenar seus arquivos de mídia lá.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Hospedagem 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. Veja 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 vamos enviar é o seguinte:
index.html
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, bem diante de nós.
A parte mais interessante é que essa 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 nosso site estático.
Para isso, vamos criar um novo bucket e enviar o arquivo HTML com o portfólio:
É 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 nesse local.
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.
Depois, basta salvar a página.
Lembre-se de que, para que a página seja 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ê já sabe como fazer upload e armazenar seus arquivos de mídia lá.
Obrigado pelo seu feedback!
