Desenvolva com Angular
Crie um app Angular a partir de um template da Azion, de um repositório do GitHub ou da Azion CLI, e faça o deploy dele em um domínio da Azion.
Você pode colocar um app Angular na Azion de três formas: fazer o deploy de um template pelo Azion Console, importar o seu repositório do GitHub ou usar a Azion CLI. Cada rota termina com o app no ar em um domínio da Azion.
A Azion serve um app Angular como uma aplicação estática. A etapa ng build grava o app compilado em ./dist, o deploy copia essa pasta para um bucket de storage, e uma application entrega o app. Para ver de quais outros frameworks a Azion faz o build, consulte Compatibilidade com web frameworks.
Pré-requisitos
Console
- Uma conta da Azion. Para criar uma, consulte Criar uma conta.
- Acesso ao Azion Console. Para entrar, consulte Como acessar o Azion Console.
- Uma conta do GitHub, que o formulário do template conecta quando pede uma.
Templates do Angular
Um template Angular é um projeto inicial completo do qual a Azion faz o build e o deploy para você. Na rota do Console, você escolhe um destes:
| Template | Uso |
|---|---|
| Angular Boilerplate | Projeto inicial |
| Angular with ButterCMS Starter Project | Projeto inicial |
O Angular Boilerplate tem um guia próprio, com link na tabela. Para mais informações sobre o outro template, consulte Marketplace da Azion. Na rota da CLI, o seletor de templates do azion init mostra todos os templates do preset Angular.
Fazer o deploy do app
Todas as rotas fazem o build do projeto Angular e criam os recursos da Azion que o servem. Use o painel que corresponde à rota que você escolheu:
Console
Para fazer o deploy de um template Angular pelo Azion Console:
Acesse Azion Console > Create > Templates.
Em Search by name, framework, or keyword, digite Angular.
Se o formulário mostrar GitHub Connection, selecione Connect with GitHub e instale o Azion GitHub App.
Em Git Scope, selecione o escopo do template.
A página de deploy abre com o Deploy Log, que acompanha o build. Quando o deploy termina com sucesso, a página mostra Successfully created!, a URL do domínio e um botão Manage que abre a application.
Verificar o site
Cada rota termina com a URL do domínio da Azion do app, no formato https://xxxxxxxxxx.map.azionedge.net. A página de deploy do Console mostra a URL, e o azion deploy a imprime como última etapa. Abra a URL em um navegador para carregar o app Angular.
O primeiro deploy pode levar vários minutos para responder a partir de todas as localidades; os deploys seguintes levam cerca de dois minutos. Uma localidade que ainda não recebeu o app retorna uma página 404 com o texto There's nothing here yet. Quando receber essa página, aguarde e solicite a URL novamente.