39 lines
2.2 KiB
Markdown
39 lines
2.2 KiB
Markdown
|
---
|
|||
|
|
title: Widget utilizando Angular e PO UI no Fluig
|
|||
|
|
source: https://tdn.totvs.com/display/fluig/Widget+utilizando+Angular+e+PO+UI+no+Fluig
|
|||
|
|
path: \Plataforma Documentação técnica\Recurso de Páginas e Widgets (WCM)\Construção de Widgets e Layouts\Widgets\Widget utilizando Angular e PO UI no Fluig.md
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# Índice
|
|||
|
|
|
|||
|
|
- 1 [Widget utilizando Angular e PO UI no Fluig](#WidgetutilizandoAngularePOUInoFluig-WidgetutilizandoAngularePOUInoFluig)
|
|||
|
|
- 2 [Pré-requisitos](#WidgetutilizandoAngularePOUInoFluig-Pré-requisitos)
|
|||
|
|
- 3 [Criando a widget](#WidgetutilizandoAngularePOUInoFluig-Criandoawidget)
|
|||
|
|
|
|||
|
|
Nesta documentação contém um exemplo de construção de widget utilizando o framework Angular, que também pode ser usada com frameworks modernos. Essa é uma **versão beta** liberada apenas para parceiros de desenvolvimento Fluig. Caso encontre algum problema, orientamos reportar para a equipe de Parceiros do Fluig.
|
|||
|
|
|
|||
|
|
Este exemplo foi testado com o framework Angular, porém pode ser seguida a mesma estratégia com o React e Vue.js
|
|||
|
|
|
|||
|
|
# Widget utilizando Angular e PO UI no Fluig
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
O objetivo desse documento é apresentar uma **técnica** de como adicionar uma aplicação com Angular + PO UI no Fluig.
|
|||
|
|
|
|||
|
|
Essa técnica consiste em criar uma *widget* e adicionar uma aplicação Angular dentro dela. Posteriormente podemos incluir essa *widget* na edição ou criação de uma página na plataforma ajustando as necessidades do seu negócio e para o seu dia a dia. Também é possível criar qualquer tipo de *widget* utilizando essa técnica para fins específicos da empresa, existem duas maneiras de se criar uma *widget*, através da [documentação oficial](../Widgets.md) (recomendamos essa opção) ou através do plugin de desenvolvimento Eclipse no [Fluig Studio](../../../Instalação e Atualização/Guia de instalação Fluig Studio.md).
|
|||
|
|
|
|||
|
|
# Pré-requisitos
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
- Node 10.15.x
|
|||
|
|
- NPM 6.4.x
|
|||
|
|
- Angular CLI: 7.1.3
|
|||
|
|
- Java 7 ou superior
|
|||
|
|
- Maven 3.6.0
|
|||
|
|
|
|||
|
|
# Criando a widget
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
Todo o passo a passo para a construção da widget utilizando essa técnica está descrita no projeto de exemplo disponibilizado no GitHub. **[Clique aqui](https://github.com/fluig/app-angular-poui)** para acessar.
|