Navegando por Assunto "Microfrontend (Computação)"

Agora exibindo 1 - 2 de 2

Um estudo de caso sobre a migração para microfrontends usando Bite Module Federation
(2024-03-06) Rodrigues, Luiz Fernando Barbosa; Burégio, Vanilson André de Arruda; http://lattes.cnpq.br/3518416272921878; http://lattes.cnpq.br/4509809985734740
Na era da internet, o crescimento exponencial das aplicações web e a crescente necessidade de escalabilidade dos sites têm levado os desenvolvedores a buscar novos métodos para atender a esses requisitos. Nesse sentido, a arquitetura de microfrontends tem se tornado popular, pois oferece alternativas no desenvolvimento de frontends web. Uma das vantagens dessa abordagem é a independência das equipes de desenvolvimento. No entanto, conforme a complexidade das aplicações aumenta com o uso de microfrontends, as equipes de desenvolvimento precisam de ferramentas adequadas para gerenciar essa complexidade de forma eficaz. Este trabalho visa analisar as principais ferramentas para a construção de microfrontends, considerando a migração de um projeto monolítico para uma arquitetura de microfrontends. O objetivo é identificar como as ferramentas atuais lidam com os desafios enfrentados durante o desenvolvimento de microfrontends.
Uso de microfrontends em aplicações reais: integração entre aplicações Next.js e SingleSPA com React através de Module Federation e Proxy Reverso
(2026-02-10) Santana, Vinícius Vieira de; Bocanegra, Silvana; Alencar, Renan Costa; http://lattes.cnpq.br/3381678604898700; http://lattes.cnpq.br/4596111202208863; http://lattes.cnpq.br/6301049874361761
A crescente complexidade de aplicações web corporativas tem impulsionado a adoção de arquiteturas baseadas em microfrontends, com o objetivo de promover escalabilidade, reutilização de código e autonomia entre equipes de desenvolvimento. Neste trabalho é apresentado um estudo técnico realizado em um laboratório de inovação de uma grande empresa do setor varejista, cujo objetivo foi investigar e viabilizar a integração entre duas aplicações web distintas: um sistema de Marketplace desenvolvido em Next.js e uma plataforma interna denominada Workspace, composta por múltiplos microfrontends em React orquestrados por Single-SPA. Inicialmente, foram exploradas estratégias de integração baseadas em Module Federation, incluindo sua aplicação em conjunto com o framework Next.js e a tentativa de consumo direto de módulos do Workspace. Contudo, limitações técnicas relacionadas à incompatibilidade entre configurações de empacotamento, ao acoplamento interno dos módulos e à descontinuação do suporte oficial ao Module Federation no Next.js inviabilizaram a adoção dessa abordagem em ambiente de produção. Diante dessas restrições, foi proposta e validada uma solução alternativa baseada no uso de proxy reverso, utilizando o Nginx para realizar o roteamento transparente de requisições entre as aplicações. Essa abordagem viabilizou a integração efetiva entre o Marketplace e o Workspace, permitindo a reutilização das telas já existentes, o compartilhamento do contexto de autenticação e a navegação unificada entre os sistemas, sem a necessidade de refatorações estruturais ou de acoplamento direto entre as bases de código. Como resultado, o trabalho evidencia que o uso de proxy reverso mostrou-se uma solução tecnicamente viável e aderente ao contexto corporativo analisado, atendendo aos requisitos de integração estabelecidos e mantendo a independência arquitetural das aplicações envolvidas.