Este guia foi estruturado para fornecer aos desenvolvedores de parceiros o embasamento técnico necessário para atuar na plataforma TOTVS Fluig. A conclusão desta trilha é o primeiro passo para garantir entregas de alta qualidade e segurança, alinhadas a plataforma TOTVS Fluig.
O domínio destes conceitos fundamentais evita o retrabalho, reduz o débito técnico e assegura que o desenvolvimento sob a plataforma sejam compatíveis com as futuras atualizações do TOTVS Fluig. |
Antes de iniciar, os membros da equipe técnica devem possuir uma conta ativa no portal TOTVS Fluig Academy:
Portal TOTVS Fluig Academy: Fluig Academy
Primeiros Passos: Realize o cadastro com seu e-mail e matricule-se nos cursos listados nas trilhas abaixo.
Esta trilha foca na camada de apresentação e componentes dinâmicos. O objetivo é capacitar o desenvolvedor na criação de interfaces dinâmicas e componentes para o ambiente de portais do TOTVS Fluig.
| Curso | Descrição detalhada para o Desenvolvedor |
|---|---|
| Como fazer - Instalar Eclipse 2019-R9 + Fluig Studio | Guia passo a passo para configurar o ambiente de desenvolvimento oficial (IDE) e o plugin Fluig Studio. |
| Iniciando o desenvolvimento de widgets | Conceitos fundamentais sobre a estrutura de uma widget, ciclo de vida e publicação no portal. |
| Client-side: Desenvolvimento com ES6+ no TOTVS Fluig | Modernização do código Client-side utilizando as novas especificações do JavaScript para maior performance. |
| Preferências da widget, como salvar e recuperar os dados | Aprenda a utilizar o mecanismo de persistência de dados para salvar e recuperar configurações customizadas da widget. |
| Templates Mustache em widgets, aprenda a desenvolver | Implementação de renderização dinâmica. Aprenda a separar a estrutura HTML da lógica de dados, facilitando a manutenção. |
| Client-side: Integrações eficientes com promises e async/await, incluindo datasets | Como realizar chamadas assíncronas eficientes para buscar dados internos (Datasets) sem travar a interface do usuário. |
| Widgets com APIs do TOTVS Fluig: Usuário logado | Métodos para capturar o contexto do usuário atual, permitindo a criação de widgets personalizadas com base em permissões e perfil. |
Capacitação voltada para a camada de integração, permitindo que o TOTVS Fluig se comunique de forma segura com ERPs, sistemas legados, etc.
| Curso | Descrição detalhada para o Desenvolvedor |
|---|---|
| Introdução ao Swagger do TOTVS Fluig - Básico I | Como utilizar o portal interativo de APIs para explorar, testar e entender os endpoints nativos disponíveis na plataforma. |
| Consumindo a API REST do TOTVS Fluig com Postman | Guia prático de como configurar autenticação (OAuth 1.0) e realizar requisições externas para a plataforma. |
O uso do Style Guide não é apenas visual. É uma questão de conformidade técnica. Seguir estes padrões garante que sua interface não "quebre" em novas atualizações do TOTVS Fluig.
| Curso | Descrição detalhada para o Desenvolvedor |
|---|---|
| Fluig Style Guide | Documentação oficial contendo a biblioteca de componentes, padrões de cores, tipografia e ícones. Item de consulta essencial antes de qualquer CSS customizado. |
| Style Guide - Datatable | Criação de grades de dados com recursos de busca, paginação e seleção, mantendo o padrão visual das rotinas nativas. |
| Style Guide - Filter | Implementação de campos de busca inteligente com autocompletar e filtros dinâmicos integrados a Datasets. |
| Style Guide - Modal | Padronização de janelas de alerta, confirmação e formulários pop-up para melhorar a experiência do usuário. |
| Como fazer - TOTVS Fluig - Modal de seleção de documentos | Implementação técnica para abrir a estrutura de pastas de documentos e permitir que o usuário selecione arquivos de forma nativa. |
Para parceiros que visam a escalabilidade e a distribuição de suas soluções.
| Curso | Descrição Detalhada para o Desenvolvedor |
|---|---|
| Adaptando seu componente para a TOTVS Store | Requisitos técnicos e boas práticas para transformar seu desenvolvimento em uma solução publicável na Store oficial. |
Antes de iniciar a codificação de uma nova widget, verifique sempre se o componente já existe no Style Guide para garantir a responsividade e compatibilidade com futuras atualizações do TOTVS Fluig. |