Histórico da Página
| Índice |
|---|
Introdução e objetivo
...
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.
| Informações | ||
|---|---|---|
| ||
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. |
Acesso ao portal Fluig Academy
...
Para Antes de iniciar, o colaborador deve os membros da equipe técnica devem possuir uma conta ativa na plataforma de ensino:no portal TOTVS Fluig Academy:
Portal TOTVS Fluig AcademyLink de Acesso: Fluig Academy
Ação: Crie sua conta e realize a matrícula Primeiros Passos: Realize o cadastro com seu e-mail e matricule-se nos cursos listados nas trilhas abaixo.
Trilhas Recomendadas
...
Desenvolvimento de Portais e Widgets
...
Focado 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 | Uso do engine Implementação de renderização Mustache para dinâmica. Aprenda a separar a estrutura HTML da lógica de dados da apresentação (HTML), facilitando a manutenção. |
| Client-side: Integrações eficientes com promises e async/await, incluindo datasetsTécnicas avançadas para manipulação de processos assíncronos e consumo de datasets via Client-side | 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 | Como utilizar os serviços internos para recuperar informações contextuais do usuário em sessãoMétodos para capturar o contexto do usuário atual, permitindo a criação de widgets personalizadas com base em permissões e perfil. |
Consumo de APIs REST
...
Essencial para integrações entre Capacitação voltada para a camada de integração, permitindo que o TOTVS Fluig e outros sistemas (ERPs, plataformas legadas)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 | Aprenda a navegar na documentação interativa das APIs do Fluig e testar endpoints nativosComo 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. |
Interface e Experiência (Style Guide)
...
A padronização visual é obrigatória para manter a identidade da plataforma e a usabilidadeO 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. Essencial para consulta diáriaItem de consulta essencial antes de qualquer CSS customizado. |
| Style Guide - Datatable | Como implementar tabelas inteligentes Criação de grades de dados com recursos nativos de listagembusca, paginação e ordenação de dadosseleção, mantendo o padrão visual das rotinas nativas. |
| Style Guide - Filter | Desenvolvimento Implementação de campos de busca avançados inteligente com autocompletar e filtros dinâmicos para facilitar a localização de registrosintegrados a Datasets. |
| Style Guide - Modal | Utilização Padronização de janelas de diálogo sobrepostas para interações rápidas, confirmações ou exibição de conteúdos adicionais sem trocar de páginaalerta, 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. |
Publicação e Store
...
Esta seção é destinada a parceiros que buscam elevar o nível de suas entregas, transformando desenvolvimentos em soluções oficiais ou pacotes reutilizáveis dentro do ecossistemaPara 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 um produto uma solução publicável na Store oficial. |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas