Como fazer deploy do Angular na AWS? Aprenda a utilizar o S3, CloudFront e Route 53
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- No vídeo eu mostro como você pode colocar seu frontend(Angular entre outros) na AWS utilizando S3, CloudFront, Certification Manager e Route 53.
Nós utilizaremos o S3 para armazenar os arquivos do Angular que utilizarei como exemplo nesse vídeo.
Vamos utilizar também o CloudFront como CDN para fazer cache das páginas estáticas no Edge Location mais próximo dos nosso usuários.
Mostro como criar um domínio gratuito e configurá-lo no Route 53 e utilizar o Certification Manager para gerar um certificado digital para o nosso domínio.
Antes de assistir esse vídeo, eu recomendo você assistir meu vídeo sobre arquitetura de front-end na AWS, nele eu explico bem o conceito de cada serviço que utilizamos nesse vídeo:
• Frontend na AWS - Util...
Link do github com o código font do projeto Angular utilizado no vídeo:
github.com/den...
Link do freenom:
www.freenom.com
Links de referencia na AWS:
docs.aws.amazo...
aws.amazon.com...
Que aula maravilhosa. Muito obrigado. Estava bem perdido.
muito bom parabéns, conseguiu explicar algo que parecia ser difícil ficar parecendo fácil.
parabéns pelo conteúdo, explicou de forma simples e objetiva.
video top mano... obrigado por compartilhar seu conhecimento. :)
Video fantástico, ajudou demais!
ótimo vídeo!
Denis vc é um Deus hehehe, obrigado pelo conteúdo!!!
Você explica muito bem, parabéns!! Torço pelo crescimento do canal, ganhou mais um inscrito 😊
Excelente tutorial, parabéns
Muito bom, a configuração é realmente bem grande. Como ficaria a conexão com o back-end no ec2? Não muda ou há alterações a configurar visto que está sendo utilizado https?
top demais man, parabens pelo conteúdo... salvou de novo. kkk abrç
Mano, estava sofredo com isso. Parabéns pelo conteudo!
Muito bom seu vídeo, parabéns!
Como faço com a questão do cors?
Muito bom o conteúdo, melhor que mentoria paga
Muito obrigado mano, ajudou demais.
Valeu André, fico feliz que o conteúdo foi útil.
top demais
Vlw, me ajudou muito!
Parabens pelo tutorial. Muito bom. Me ajudou muito! Valeu!!
Opa, eu fiz os mesmos passos, mas quando tento acessar algum caminho diferente do /index.html ele me retorna um erro de acesso negado. Sabe o que pode ser? Obs: Estou usando angular 12
valeu mestre! Absss
muito obrigado!!!!! agora estou com o seguinte problema se acessar sem o www ele pega o SSL mas se acessar pelo www ele fica sem SSL
Fala Gleydson, você pode tentar 2 coisas. 1- Adicionar um recordset no route 53 para o www. 2-Verificar se você criou o certificado com *.seudominio
Ola Denis 3 Coisas q dao erro !!! estamos no ano de 2021 o painel mudou bastante !!! de todos os videos que eu vi !! o seu foi o melhor !! porém ainda esbarra em algo que ainda nao consegui resolver:
1º crio o bucket - transformo todos os objetos publicos - ( e depois q eu vi suas aulas eu nao dei mais permissao para todos porem eu preciso dar acesso a todos se nao no CloudFront eu nao consigo acesso )
2º no Route 53 - Me esbarro ao criar o registro !! pois eu nunca acho o alias e ele nunca cria dando erro 0bject 400 ... e se eu crio com CNAME nao criando do tipo A via ipva o meu site nao fica disponivel !!!
Ótimo tutorial, muito bem explicado!
Me tira só uma dúvida, por favor: tem como automatizar o versionamento e build no S3? Na empresa onde atuo, estamos migrando para a AWS, mas toda consultoria quer colocar EC2 e outros serviços com docker, mesmo no front-end. Essa estrutura exibida no vídeo também é escalável?
Obrigado desde já!
Gostaria de uma consultoria de AWS em um projeto pessoal. voltado pra cerificação SSL , se alguém tiver
fala denis beleza , para um build em React seria a mesma coisa neh ?
opa, sim a mesma coisa
@@DenisRicci Muito obrigado , excelente vídeo com muita didática , valeu mesmo parabéns pelo vídeo.
Oi Denis =) Seus vídeos são ótimos, mas te falar que eu já fiz esse passo a passo exatamente como vc demonstra, por 5 vezes até o deploy do cloudfront e dá erro como se não houvesse arquivo index no s3. ='(
Que bom que você gostou do vídeo Tatiane ficou feliz em saber. Sobre o erro que está ocorrendo ... é muito difícil eu conseguir entender o que está acontecendo sem ver o ambiente e o erro, porém posso te dar algumas dicas de erros comuns para você tentar verificar ai. 1 - Pode ser que o redirecionamento do index.html não esteja funcionando, então você poderia escrever explicitamente na URL que você quer index.html ex: dominio/index.html. 2 - Pode ser que ele esteja com algum cache inválido, nas configurações do clodufront tem uma aba de invalidation que você pode limpar o cache. 3 - Tenta verificar nas policies do S3 se ele está dando permissão para o cloudfront acessar os arquivos corretamente.
@@DenisRicci Denis muito muito obrigada!!! Acabou que não foi nenhuma das opções e vou compartilhar contigo o que resolveu, não apenas neste caso, mas também em outros produtos da AWS... Foi a AZ que deu problema. Eu estava tentando em São Paulo, e só funcionou quando coloquei o mesmo que você (N. Virginia). Grande abraço! o/
Opa, nada, qualquer coisa só comentar ai. estranho não funcionar na região de SP, depois vou dar uma olhadinha o que pode ser, mas que bom que conseguiu resolver