Nesse vídeo será demonstrado em como criar uma tela do zero em PO UI com Angular e colocar dentro do Protheus usando protheus-lib-core.
Abaixo o vídeo do nosso canal no YouTube:
Abaixo a lista do passo a passo executado no vídeo:
npm i -g @angular/cli@19 Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted ng new Prj_ConsultaTransportadoras --skip-install [editar package.json e definir dependências] npm install ng add @po-ui/ng-components npm i @totvs/po-theme [editar angular.json e definir estilos] npm i subsink npm i @totvs/protheus-lib-core@latest --force [criar appConfig.json e editar angular.json na parte de assets, e adicionar provider] ng generate component components/about ng generate component components/view [edição dos fontes] ng serve [testar no navegador] ng test [validar o resultado dos testes] ng build
E abaixo os links referenciados no vídeo:
- Download do node.js: https://nodejs.org/en/download
- Primeiros passos com PO UI: https://po-ui.io/guides/getting-started
- Documentação TDN: https://tdn.totvs.com/pages/releaseview.action?pageId=911865819
- Tema da TOTVS: https://github.com/totvs/po-theme-totvs
- Curso PO UI com cadastro e browse: https://tipremium.com/page.php?slug=curso-poui
- eBook sobre PO UI: https://www.amazon.com.br/PO-UI-Desenvolvendo-Protheus-Angular-ebook/dp/B0DFCV2R1L/
- Aula sobre criação de APIs no Protheus: https://terminaldeinformacao.com/2025/06/07/criando-e-depurando-apis-em-webservice-rest-no-protheus-via-advpl-tlpp-ti-especial-0004/
- Códigos fontes desse projeto no GitHub: https://github.com/dan-atilio/Consulta-Transportadoras-PO-UI
- Gerador de códigos Autumn Code Maker: https://autumncodemaker.com/
- Documentação PO UI: https://po-ui.io/documentation
- Extensão para pesquisa de tabelas no Protheus: https://atiliosistemas.com/portfolio/tabelas-e-parametros-do-protheus/
Bom pessoal, por hoje é só.
Abraços e até a próxima.
