O que fazer quando Telas em PO UI ficam dando erro de validação no navegador

No artigo de hoje, vamos abordar alguns possíveis problemas de autenticação ao criar aplicativos em Angular com PO UI.

Imagina que você está desenvolvendo um aplicativo usando PO UI, e aí ao testar via navegador, aparece uma mensagem de erro na parte de autenticação (similar ao print abaixo), o que pode ser?

Exemplo de mensagem de erro

Exemplo de mensagem de erro

Elencamos aqui, alguns possíveis cenários (para quem utiliza Protheus Lib Core).

Cenário 1 – Conferir Serviço REST

  1. Abra o services.msc
  2. Vá até o seu serviço do REST
Verificando a lista de serviços no Windows

Verificando a lista de serviços no Windows

  1. Se o serviço tiver parado, inicie ele
Validando se o serviço está parado

Validando se o serviço está parado

  1. Feche a aba do navegador, pare o ng serve e faça um teste novamente

Cenário 2 – Validar o appConfig.json

  1. Abra no navegador, a url e porta do seu serviço REST
Acessando a URL do REST no navegador

Acessando a URL do REST no navegador

  1. Em seguida, abra o appConfig.json dentro da pasta assets/data
Encontrando o appConfig.json na pasta

Encontrando o appConfig.json na pasta

  1. Deixe a configuração da url igual a do passo 1 mas sem a última barra
Verificando o conteúdo do appConfig.json

Verificando o conteúdo do appConfig.json

  1. Feche a aba do navegador, pare o ng serve e faça um teste novamente

Cenário 3 – Usuário e senha no Postman

  1. Caso você esteja testando via navegador, é necessário gerar um token no Postman
  2. Para isso, certifique do usuário estar ativo, e aí via Postman acione a geração do Bearer Token
Gerando um Token

Gerando um Token

  1. Nisso, vá no fonte app.component.ts e no constructor atualize a configuração ERPTOKEN
Atualizando o ERPTOKEN na Session

Atualizando o ERPTOKEN na Session

  1. Feche a aba do navegador, pare o ng serve e faça um teste novamente

Cenário 4 – Habilitar o CORS

  1. Vá no AppServer.ini que está rodando o seu serviço REST
  2. Na parte do seu HttpUri, adicione o CorsEnable igual a 1 junto com o AllowOrigin
Habilitando CORS

Habilitando CORS

  1. Reinicie o serviço do AppServer
  2. Feche a aba do navegador, pare o ng serve e faça um teste novamente

Cenário 5 – Integração com protheus-lib-core

Pode ser também a integração com protheus-lib-core, se for esse cenário, fizemos um artigo específico, segue o link: https://terminaldeinformacao.com/2025/07/21/o-que-fazer-quando-telas-em-po-ui-nao-funcionam-com-protheus-lib-core-no-navegador/


E você, se lembra de algum outro? Deixe nos comentários.

Bom pessoal, por hoje é só.

Um grande abraço a todos e até a próxima.

Dan (Daniel Atilio)
Cristão de ramificação protestante. Especialista em Engenharia de Software pela FIB, graduado em Banco de Dados pela FATEC Bauru e técnico em informática pelo CTI da Unesp. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor e mantenedor do portal Terminal de Informação.

Deixe uma resposta

Terminal de Informação