3-3 Draw project architecture diagram

Analyze requirements

  • Functions of master and sub-applications
  1. Main application
    registers sub-applications
    , loads and renders sub-applications,
    route matching (activeWhen, rules - framework judgment),
    obtains data (public dependency, authentication processing through data),
    communication (parent-child communication, child-father communication)
  2. Functions of sub-applications:
    rendering,
    monitoring communication (data passed from the main application)
  3. Micro front-end framework
    Registration of sub-applications Judgment of routing updates
    with starting content (application loading completed) Matching of corresponding sub-applications Loading the content of sub-applications Complete execution of all dependencies Rendering of sub-applications in a fixed container Capture of management exceptions of public events and error reporting, global state management content, sandbox isolation, communication mechanism









  4. Server-side functions
    provide data services
  5. Publishing platform:
    packaging and publishing of master and sub-applications

ProcessOn

Insert image description here

Guess you like

Origin blog.csdn.net/bus_lupe/article/details/123776094