---
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.