Implante o Vue Boilerplate
Implante uma single-page application Vue na Azion pelo Azion Console, com um repositório no GitHub e uma GitHub Action que implanta cada push.
Você pode implantar uma single-page application (SPA) Vue na Azion pelo Azion Console com o template Vue Boilerplate. O template cria um repositório no GitHub para o seu código. Ele implanta o projeto como uma aplicação que executa uma função para lógica personalizada. O boilerplate usa Vue 3.3.4.
Pré-requisitos
- Uma conta no GitHub. O template se conecta a essa conta e cria nela o repositório.
- Acesso ao Azion Console. Para entrar, consulte Como acessar o Azion Console.
Implante o template
O Vue Boilerplate é implantado a partir de um formulário no Azion Console, e o formulário marca cada campo obrigatório com um asterisco. A aplicação que ele cria usa Functions, que pode gerar custos de uso. Para conferir os valores, consulte Preços.
Abra o formulário do template no Azion Console:
ImplantarPara implantar o template pelo formulário:
Uma nova janela pede que você confirme a instalação do Azion GitHub App. O app conecta a sua conta do GitHub à plataforma da Azion.
Nessa janela, defina as permissões e escolha os repositórios que o Azion GitHub App pode acessar.
No formulário, selecione o Git scope com o qual o template trabalha.
Insira um nome único para a aplicação. A função e o bucket de armazenamento recebem o mesmo nome. Um nome que já está em uso retorna uma mensagem de erro.
Envie o formulário. Uma janela mostra os logs da implantação enquanto ela é executada.
Quando a implantação termina, a página mostra as informações da aplicação e as opções para continuar. Ao final da implantação, você tem:
- Um repositório no GitHub criado a partir do exemplo do Vue Boilerplate, com as dependências instaladas.
- Uma GitHub Action nesse repositório que implanta cada push, para que a aplicação acompanhe o seu código.
- Um commit no repositório que registra a versão implantada e o timestamp da implantação.
- Uma aplicação na Azion Platform, com uma função para lógica personalizada e um domínio que entrega o projeto Vue.
O template faz o build do projeto com o adaptador de framework do Azion Bundler. A aplicação responde em um domínio de workload no formato xxxxxxxxxx.map.azionedge.net. A configuração leva alguns minutos para se propagar pela infraestrutura distribuída da Azion. Até lá, o link pode não mostrar a página, então aguarde alguns minutos e abra o link novamente.
Abra a aplicação no Azion Console
Todas as configurações que o Vue Boilerplate definiu continuam editáveis depois da implantação, na página da aplicação no Azion Console.
Para abrir a aplicação:
Acesse Azion Console > Applications. A página lista todas as aplicações da conta em ordem alfabética.
Insira o nome que você deu à aplicação. A busca filtra a lista apenas pelo nome da aplicação.
A página da aplicação abre com as configurações que o template definiu, e você pode alterar qualquer uma delas. Para os campos dessas configurações, consulte Main Settings e Rules Engine para Applications.