Olá pessoal
Essa dica vai para quem está iniciando no desenvolvimento Angular e quer realizar o login usando o protheus como backEnd!
Nesse exemplo vamos usar a autenticação via JWT (usando os serviçoes já existentes no protheus), para saber mais sobre JWT no protheus, acesse a documentação aqui.
A documentação oficial da rotina pode ser encontrada aqui.
O exemplo funcional pode ser baixado em nosso git, clique aqui para ser direcionado.
Para executar esse projeto, temos que executar os passos abaixos:
1-Configurar o serviço REST no protheus, aqui tem um exemlo de como fazer isso.
2-Com o nosso serviço REST configurado e validado, conseguimos realizar a autentição de nosso usuário, então agora passamos para o angula, não itemos entrar em detalhes como criar um projeto angular com JWT, pois não é o foco desse post, mas um bom exemplo pode ser encontrado aqui. Nesse post vamos baixar o nosso projeto disponivel no GIT.
3-Assumiremos aqui que você tem o Angular e Angular.Cli ja instalado em seu computador.
4-Após baixar o projeto, no diretório raiz vamos instalar as dependencias com o comando:
npm install
5-Após a conclusão, vamos iniciar nosso projeto com o comando:
ng serve
6-Se tudo ocorreu bem até aqui, ao acessar a URL localhost:4200, você se deparará com a tela abaixo para realizar o login usando usuario e senha do protheus.
7-Insira um usuário e senha e aguarde o carregamento, uma lista com todos os clientes do seu ERP protheus deverá ser exibida como o print abaixo.
Nesse etapa o que conseguimos realizar:
-Autenticação de usuário usando o Protheus como BackEnd
-Usar JWT para verificar se nosso usuário ainda é válido na seção
-Consumir WebService REST para retornar a lista de clientes do ERP Protheus.
-Integrar Angular + Protheus
Assim finalizamos nosso objetivo desse post, se você quiser mais conteudos de ADVPL + REST + Angular deixe nos comentários sugestões!
O código fonte desse e outros exemplos podem ser encontrados em nosso git.
Post interessantes:
Aprenda a instalar o Protheus no Windows aqui.
Aprenda a instalar o Protheus no Linux aqui.
Retornar datas por extenso aqui.
Barras de progresso aqui.
Dúvidas e sugestões, entre em contato.
Obrigado e até a próxima!
0 comentário