Implementation system of micro-front-end architecture and deployment method thereof

A technology for realizing systems and main frameworks, applied in software deployment, program control devices, boot programs, etc., can solve the problems of inconvenient management and complex deployment of large-scale front-end projects, improve the degree of reusability, flexible and reliable composition, and reduce resources The effect of repeated loading

Pending Publication Date: 2022-04-05
INSPUR TIANYUAN COMM INFORMATION SYST CO LTD
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0010] Aiming at the needs and deficiencies of the current technological development, the present invention provides a micro-front-end architecture implementation system and its deployment method, which are used to solve the problems of inconvenient management during development and overly complicated deployment of large-scale front-end projects

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Implementation system of micro-front-end architecture and deployment method thereof
  • Implementation system of micro-front-end architecture and deployment method thereof

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0037] combined with figure 1 , this embodiment proposes a system for implementing a micro-frontend architecture, including a main framework, a first-level micro-frontend that implements multiple routes, and a second-level micro-frontend that supports dynamic loading.

[0038] As the organizer and caller, the main frame is an independent front-end project with main frame routing, which is used to realize the functions of menu management, log management, and micro-frontend management. The micro-frontend management function also includes micro-frontend registration sub-functions and micro-frontends Actively load sub-functions, through micro-frontend registration sub-functions, a browser link can be directionally associated with a first-level micro-frontend, and through micro-frontend active loading sub-functions, a specified first-level micro-frontend can be linked from the micro-frontend library dynamically loaded into the page. Part of the public library of the micro frontend...

Embodiment 2

[0047] This embodiment proposes a deployment method of a micro front-end architecture. The deployment method is based on the implementation system of a micro front-end architecture in Embodiment 1. The specific deployment process is as follows:

[0048] Separately package the main framework, the first-level micro-frontend, and the second-level micro-frontend;

[0049] Place the packaged main framework, first-level micro-frontend, and second-level micro-frontend in different server folders;

[0050]Use nginx to perform unified configuration of the main framework, first-level micro-frontend, and second-level micro-frontend, and complete the deployment of the micro-frontend architecture.

[0051] In this embodiment, when the first-level micro-frontend / second-level micro-frontend is upgraded, the upgraded part of the first-level micro-frontend / secondary micro-frontend needs to be packaged separately, and then placed in a different server folder, using a reverse proxy The tool per...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses an implementation system of a micro front-end architecture, which relates to the technical field of front-end development and comprises a main framework, a first-stage micro front end and a second-stage micro front end, the main frame is provided with a main frame route and can realize micro-front-end registration and micro-front-end active loading, so that a link of a browser is directionally associated with a first-level micro-front-end, and the specified first-level micro-front-end is dynamically loaded into a page from a micro-front-end library; the first-level micro front end defines the own micro front end route and has the capability of realizing a multi-page small project, so that codes of the same service are arranged in the same first-level micro front end; the primary micro front end loads the main frame through a life cycle hook; the second-level micro front end serves as a public module library and is used for the first-level micro front end to carry out dynamic loading based on self requirements. The invention further discloses a deployment method based on the micro-front-end architecture, and the deployment method is jointly used for solving the problems that a large-scale front-end project is inconvenient to manage during development and is too complex during deployment.

Description

technical field [0001] The present invention relates to the technical field of front-end development, in particular to a micro-front-end architecture implementation system and a deployment method thereof. Background technique [0002] single-spa is an early implementation of micro front-end technology, which allows multiple technical frameworks (React, Vue, AngularJS, Angular, Ember and other technical frameworks) to be used on the same page without refreshing the page; using new technologies The framework writes the code, and the code in the existing project does not need to be refactored; the code of each independent module can be loaded on demand, without wasting additional resources; each independent module can run independently. [0003] However, because it is an early implementation solution, it gradually begins to show some of its drawbacks when faced with increasingly large applications or complex front-end projects from the design level, for example: when facing lar...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F9/4401G06F8/61
Inventor 温伟王旭阳
Owner INSPUR TIANYUAN COMM INFORMATION SYST CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap