Tutorial Angular
Instalação do widget Amplia em uma aplicação Angular
Um guia prático para adicionar o Amplia em projetos Angular, controlar a licença por ambiente e validar a ativação depois do deploy.
Confirme onde o Angular entrega o HTML base
Na maioria dos projetos Angular, a página principal fica em src/index.html. Esse arquivo é carregado antes da aplicação iniciar e é o melhor ponto para inserir o script do Amplia.
src/index.htmlAdicione o script do Amplia antes do fechamento do body
Cole a tag no final do arquivo, antes de </body>. O atributo async permite carregar o widget sem bloquear a inicialização da aplicação Angular.
<script src="https://app-amplia.flytheway.com.br/widget.js" license-key="SUA_LICENCA" async></script>Mantenha uma licença por ambiente
Se o projeto possui develop, homologação e produção, use a licença correspondente ao domínio de cada ambiente. Isso evita que o widget publicado aponte para a configuração errada.
develop: app-dev.seudominio.com.br
main: app.seudominio.com.brCompile e valide o build publicado
Depois de gerar o build e publicar os arquivos, acesse o domínio final e confirme se o botão do Amplia aparece, abre o painel e carrega os recursos esperados.
ng build
https://seudominio.com.brPrecisa de apoio?
A nossa equipe pode orientar a ativação.
Se o projeto Angular tiver múltiplos ambientes, regras de CSP ou deploy automatizado, fale conosco para validar o melhor ponto de instalação.