Como implantar aplicativo angular na AWS

A estrutura angular é usada para criar aplicativos para sites e celulares que proporcionam uma experiência e interface amigáveis. É uma estrutura JavaScript que é de código aberto e é usado principalmente para desenvolver aplicativos que consistem em páginas únicas. A AWS fornece serviços remotos para construir e executar aplicativos diferentes, e a implantação de aplicações angulares também é uma tarefa simples.

Implantar aplicativo angular na AWS

Para implantar o aplicativo Angular na AWS, configure a CLI da AWS usando o seguinte comando:

AWS Configurar

Observação: Se você não tiver o AWS CLI instalado ou precisa de ajuda com a configuração, leia este guia!

O comando acima levará o usuário a entrar no “Acesso" e "SegredoTecla com a região e o formato de saída:

Instale o ambiente JS do nó clicando aqui e use o seguinte comando para validar sua instalação

Nó -v
NPM -V

Executar o comando acima exibirá suas versões:

Depois disso, instale a CLI angular usando o comando mencionado abaixo, que será usado para criar o aplicativo:

npm install -g @angular/cli

O comando acima exibirá a seguinte saída:

Use o seguinte comando para criar os arquivos de aplicativos:

ng novo my-dream-app

Isso levará o usuário a digitar “Sim”E pressione Enter:

Vá para o arquivo de aplicativo usando o seguinte comando:

CD My-Dream-App

Executa o comando acima será exibido, deixe o usuário dentro do arquivo de aplicativo:

Use o seguinte comando para implantar o aplicativo angular localmente:

ng servir

Executar o comando acima implantará o aplicativo no host localhost:

Vá para o balde Amazon S3 e clique no “Criar" botão:

Forneça as credenciais para o balde S3 na página de criação do balde:

Dê acesso ao público ao balde para o objetivo de implantação:

Role para baixo na parte inferior da página para clicar no “Crie balde" botão:

Volte ao terminal para usar o seguinte comando:

ng build

Executar o comando acima compilará o aplicativo:

Carregue os arquivos de aplicativos angulares no balde Amazon S3 da plataforma:

Clique no "Adicionar pasta”Botão para fazer upload dos arquivos no balde:

Conceder acesso público aos arquivos e clique no “Carregar" botão:

Vá para a seção de hospedagem estática para clicar no “Habilitar”Botão e digite“índice.html”Para o documento do índice:

Use o código a seguir na política do S3 Bucket:

"Versão": "2012-10-17",
"Declaração": [

"Sid": "allowpublicReadAccess",
"Efeito": "permitir",
"Diretor": "*",
"Ação": [
"S3: GetObject"
],
"Recurso": [
"ARN: AWS: S3 :::/*"
]

]

Salve a política do balde da página:

Depois disso, abra o “Pacote.JSON”Arquivo para editar o“RoteiroSeção usando a seguinte captura de tela:

Execute o seguinte comando para executar o código de implantação adicionado ao arquivo:

ng build && npm execute aws-desploy

Executar o comando acima implantará o aplicativo na AWS:

Use o URL do objeto no navegador da Web para visitar o aplicativo:

Vistar o URL exibirá o seguinte resultado no navegador:

Você implantou com sucesso um aplicativo angular na AWS.

Conclusão

Para implantar o aplicativo angular na AWS, crie o aplicativo angular e envie -o no balde Amazon S3. Crie um balde S3 a partir da plataforma e envie os arquivos de aplicativos nele. Depois disso, crie acesso público ao balde e edite a política de balde. Altere o pacote.arquivo json para adicionar código de implantação da AWS e usar o comando implantação no terminal. Este guia explicou o processo de implantação de aplicações angulares na AWS.