diff --git a/README.md b/README.md index 8256fc5..1e8edb3 100644 --- a/README.md +++ b/README.md @@ -115,10 +115,8 @@ declareChildApplication('inferno', () => import('src/inferno/inferno.app.js'), p 对于一个前端应用来说,这个东西就是路由。 - 从页面上来说,只有我们在网页上添加一个菜单链接,用户才能知道某个页面是可以使用的。 - 而从代码上来说,那就是我们需要有一个地方来管理我们的应用:**发现存在哪些应用,哪个应用使用哪个路由。 **管理好我们的路由,实际上就是管理好我们的应用**。 @@ -166,10 +164,14 @@ Single-SPA 设计了一个基本的生命周期(虽然它没有统一管理) 3. 当主工程监测到路由变化的时候,将寻找是否有对应的路由匹配到应用。 4. 当匹配对对应应用时,则加载相应的应用。 -故而,其对应的架构如下图所示: +故而,其对应的结构下图所示: ![Architecture](./imgs/mooa-app.jpg) +整体的流程如下图所示: + +![Workflow](./imgs/workflow.png) + ### 独立部署与配置自动化 我们做的部署策略如下:我们的应用使用的配置文件叫 ``apps.json``,由主工程去获取这个配置。每次部署的时候,我们只需要将 ``apps.json`` 指向最新的配置文件即可。配置的文件类如下所示: