A Micro Frontends Solution – Analyzing quality attributes

Detalhes bibliográficos
Autor(a) principal: Silva, Ricardo Alexandre Pinto da
Data de Publicação: 2021
Tipo de documento: Dissertação
Idioma: eng
Título da fonte: Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
Texto Completo: http://hdl.handle.net/10400.22/18368
Resumo: A arquitetura de micro frontends propõe a decomposição de uma aplicação web dividida em módulos menores por página ou funcionalidade, sendo que cada módulo é propriedade de uma equipa multifuncional com responsabilidade end-to-end. Essa abordagem visa trazer os benefícios dos micro-serviços para o frontend, permitindo o desenvolvimento de pequenos frontends independentes, com reduzida complexidade e dependência da equipa, aumentando a escalabilidade no geral. Os Micro Frontends estão a tornar-se populares dia após dia. Embora não seja em demasia, a documentação sobre o assunto aumenta a cada dia e é possível encontrar relatos de casos de uso de sucesso de grandes empresas e exemplos da aplicação da arquitetura. Um dos principais desafios dos micro frontends é a composição do lado do cliente. A possibilidade de criar uma single-page application composta de módulos importados remotamente durante o tempo de execução é possível e facilitado com o surgimento de frameworks como single-spa e a nova técnica: Module Federation. No entanto, a análise de tais soluções com base em atributos de qualidade é escassa. O objetivo deste trabalho é realizar uma análise em micro frontends com base nos atributos de qualidade de software da ISO-20510, nomeadamente: Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade. Esta dissertação fornece uma visão geral do estado atual dos micro frontends até ao momento, estruturada utilizando a metodologia DSRM para organizar o estudo sobre a nova abordagem arquitetural. Esse estudo inclui os seus benefícios e problemas, casos de uso atuais, padrões comuns, técnicas, frameworks, arquitetura e uma visão geral da organização de equipas. A prova de conceito é desenvolvida usando uma abordagem de Module Federation, com base em um application shell unificado para composição do lado do cliente. A validação da solução é baseada na metodologia GQM para estruturar a sua análise em relação à Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade.
id RCAP_c7068650bda62fbcaa9cd6d4c0f5a121
oai_identifier_str oai:recipp.ipp.pt:10400.22/18368
network_acronym_str RCAP
network_name_str Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
repository_id_str 7160
spelling A Micro Frontends Solution – Analyzing quality attributesMicro frontendsComposiçãoModule federationArquitetura de softwareMicro-serviços no frontendClient-side compositionSoftware architectureFrontend microservicesA arquitetura de micro frontends propõe a decomposição de uma aplicação web dividida em módulos menores por página ou funcionalidade, sendo que cada módulo é propriedade de uma equipa multifuncional com responsabilidade end-to-end. Essa abordagem visa trazer os benefícios dos micro-serviços para o frontend, permitindo o desenvolvimento de pequenos frontends independentes, com reduzida complexidade e dependência da equipa, aumentando a escalabilidade no geral. Os Micro Frontends estão a tornar-se populares dia após dia. Embora não seja em demasia, a documentação sobre o assunto aumenta a cada dia e é possível encontrar relatos de casos de uso de sucesso de grandes empresas e exemplos da aplicação da arquitetura. Um dos principais desafios dos micro frontends é a composição do lado do cliente. A possibilidade de criar uma single-page application composta de módulos importados remotamente durante o tempo de execução é possível e facilitado com o surgimento de frameworks como single-spa e a nova técnica: Module Federation. No entanto, a análise de tais soluções com base em atributos de qualidade é escassa. O objetivo deste trabalho é realizar uma análise em micro frontends com base nos atributos de qualidade de software da ISO-20510, nomeadamente: Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade. Esta dissertação fornece uma visão geral do estado atual dos micro frontends até ao momento, estruturada utilizando a metodologia DSRM para organizar o estudo sobre a nova abordagem arquitetural. Esse estudo inclui os seus benefícios e problemas, casos de uso atuais, padrões comuns, técnicas, frameworks, arquitetura e uma visão geral da organização de equipas. A prova de conceito é desenvolvida usando uma abordagem de Module Federation, com base em um application shell unificado para composição do lado do cliente. A validação da solução é baseada na metodologia GQM para estruturar a sua análise em relação à Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade.Micro frontends architecture proposes the decomposition of a web application divided into smaller modules by page or feature, whereas each piece is owned by a cross-functional team with end-to-end responsibility. Such an approach aims to bring the benefits of microservices to the frontend side by allowing the development of small self-contained and self-deployable frontends, with reduced complexity and team dependency, increasing overall scalability. Micro Frontends are becoming popular day by day. Although not superabundant, documentation on the subject is increasing every day and it is possible to find reports of successful use cases of large companies and examples on the application of the architecture. One of the main challenges of micro frontends is client-side composition. Being able to create a single-page application composed of remote pieces imported at runtime is possible and facilitated with the appearance of frameworks such as single-spa and the newly Module Federation. Nevertheless, analysis of such solutions based on quality attributes is scarce. The objective of this work is to perform an analysis on micro frontends based on ISO-20510 software quality attributes, namely: Maintainability, Performance Efficiency, Scalability, and Testability. This dissertation provides an overview of the current state of micro frontend to date, structured using DSRM methodology to organize the study on the architectural approach. Such study includes its benefits and caveats, current use cases, common patterns, techniques, frameworks, architecture, and a view on team organization. The proof of concept is developed using a module federation approach, based on a unified app shell for client-side composition. Solution validation is based on the GQM approach to structure its analysis regarding maintainability, performance efficiency, testability, and scalability.Azevedo, Isabel de Fátima SilvaRepositório Científico do Instituto Politécnico do PortoSilva, Ricardo Alexandre Pinto da2021-09-13T09:21:18Z20212021-01-01T00:00:00Zinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisapplication/pdfhttp://hdl.handle.net/10400.22/18368TID:202759008enginfo:eu-repo/semantics/openAccessreponame:Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)instname:Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informaçãoinstacron:RCAAP2023-03-13T13:10:12Zoai:recipp.ipp.pt:10400.22/18368Portal AgregadorONGhttps://www.rcaap.pt/oai/openaireopendoar:71602024-03-19T17:38:02.777068Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos) - Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informaçãofalse
dc.title.none.fl_str_mv A Micro Frontends Solution – Analyzing quality attributes
title A Micro Frontends Solution – Analyzing quality attributes
spellingShingle A Micro Frontends Solution – Analyzing quality attributes
Silva, Ricardo Alexandre Pinto da
Micro frontends
Composição
Module federation
Arquitetura de software
Micro-serviços no frontend
Client-side composition
Software architecture
Frontend microservices
title_short A Micro Frontends Solution – Analyzing quality attributes
title_full A Micro Frontends Solution – Analyzing quality attributes
title_fullStr A Micro Frontends Solution – Analyzing quality attributes
title_full_unstemmed A Micro Frontends Solution – Analyzing quality attributes
title_sort A Micro Frontends Solution – Analyzing quality attributes
author Silva, Ricardo Alexandre Pinto da
author_facet Silva, Ricardo Alexandre Pinto da
author_role author
dc.contributor.none.fl_str_mv Azevedo, Isabel de Fátima Silva
Repositório Científico do Instituto Politécnico do Porto
dc.contributor.author.fl_str_mv Silva, Ricardo Alexandre Pinto da
dc.subject.por.fl_str_mv Micro frontends
Composição
Module federation
Arquitetura de software
Micro-serviços no frontend
Client-side composition
Software architecture
Frontend microservices
topic Micro frontends
Composição
Module federation
Arquitetura de software
Micro-serviços no frontend
Client-side composition
Software architecture
Frontend microservices
description A arquitetura de micro frontends propõe a decomposição de uma aplicação web dividida em módulos menores por página ou funcionalidade, sendo que cada módulo é propriedade de uma equipa multifuncional com responsabilidade end-to-end. Essa abordagem visa trazer os benefícios dos micro-serviços para o frontend, permitindo o desenvolvimento de pequenos frontends independentes, com reduzida complexidade e dependência da equipa, aumentando a escalabilidade no geral. Os Micro Frontends estão a tornar-se populares dia após dia. Embora não seja em demasia, a documentação sobre o assunto aumenta a cada dia e é possível encontrar relatos de casos de uso de sucesso de grandes empresas e exemplos da aplicação da arquitetura. Um dos principais desafios dos micro frontends é a composição do lado do cliente. A possibilidade de criar uma single-page application composta de módulos importados remotamente durante o tempo de execução é possível e facilitado com o surgimento de frameworks como single-spa e a nova técnica: Module Federation. No entanto, a análise de tais soluções com base em atributos de qualidade é escassa. O objetivo deste trabalho é realizar uma análise em micro frontends com base nos atributos de qualidade de software da ISO-20510, nomeadamente: Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade. Esta dissertação fornece uma visão geral do estado atual dos micro frontends até ao momento, estruturada utilizando a metodologia DSRM para organizar o estudo sobre a nova abordagem arquitetural. Esse estudo inclui os seus benefícios e problemas, casos de uso atuais, padrões comuns, técnicas, frameworks, arquitetura e uma visão geral da organização de equipas. A prova de conceito é desenvolvida usando uma abordagem de Module Federation, com base em um application shell unificado para composição do lado do cliente. A validação da solução é baseada na metodologia GQM para estruturar a sua análise em relação à Manutenibilidade, Eficiência de Desempenho, Escalabilidade, e Testabilidade.
publishDate 2021
dc.date.none.fl_str_mv 2021-09-13T09:21:18Z
2021
2021-01-01T00:00:00Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/masterThesis
format masterThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://hdl.handle.net/10400.22/18368
TID:202759008
url http://hdl.handle.net/10400.22/18368
identifier_str_mv TID:202759008
dc.language.iso.fl_str_mv eng
language eng
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.source.none.fl_str_mv reponame:Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
instname:Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
instacron:RCAAP
instname_str Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
instacron_str RCAAP
institution RCAAP
reponame_str Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
collection Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
repository.name.fl_str_mv Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos) - Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
repository.mail.fl_str_mv
_version_ 1799131470056390656