[发明专利]一种基于前端的微服务设计方法

权利要求书

1.一种基于前端的微服务设计方法，其特征在于,其设计过程包括：

基于前端微服务的模块加载器，把用户第一时间访问的应用作为主应用，配置主应用信息，并注册将要接入主应用的多个子应用；

子应用暴露出主应用可以访问的生命周期钩子函数，供主应用访问时使用；

将子应用发布成第三方可以使用的库文件，以成功接入到主应用，或者，将子应用独立开发、独立部署到web服务器。

2.根据权利要求1所述的一种基于前端的微服务设计方法，其特征在于，配置主应用信息时，在主应用中定义一个唯一的dom元素id，注册的子应用挂载到所述dom元素下；

注册多个子应用后，主应用会对每个子应用提供一个唯一的运行上下文，此时，即可根据用户访问浏览器URL中所包含的运行上下文，判断用户访问的哪个子应用，进而加载该子应用。

3.根据权利要求1所述的一种基于前端的微服务设计方法，其特征在于，生命周期钩子函数包括生命周期函数一、生命周期函数二、生命周期函数三；

生命周期函数一是子应用加载初始化的时候调用，可以进行全局配置或者信息存储；

生命周期函数二是子应用加载的时候调用，可以把子应用传递过来的信息进行存储；

生命周期函数三是子应用卸载的时候调用，可以把子应用的全局变量销毁、挂载的元素置空。

4.根据权利要求1所述的一种基于前端的微服务设计方法，其特征在于，子应用在前端微服务的模式下运行，需要接收到主应用给的前缀信息，并且设置为路由的前缀，这样才能保证命中到该子应用；

如果子应用独立运行时，每个子应用之间状态隔离、运行时状态不共享。

5.根据权利要求1所述的一种基于前端的微服务设计方法，其特征在于，子应用成功接入到主应用后，通过实现子应用的样式隔离，确保子应用之间样式互不干扰、JS隔离确保子应用之间全局变量、事件之间不冲突。

6.根据权利要求5所述的一种基于前端的微服务设计方法，其特征在于，子应用成功接入到主应用后，可以实现资源预加载，在浏览器空闲时间预加载未打开的子应用资源，加速子应用的打开速度。

7.根据权利要求6所述的一种基于前端的微服务设计方法，其特征在于，资源预加载过程中：

将静态资源上传至cdn，css中直接引用cdn地址，

借助webpack的url-loader将静态资源打包成base64；

使用绝对地址，在nginx中设置静态目录。

8.根据权利要求5所述的一种基于前端的微服务设计方法，其特征在于，子应用成功接入到主应用后，主应用和子应用之间、子应用和子应用之间通过发布/订阅模式进行通信。

9.根据权利要求8所述的一种基于前端的微服务设计方法，其特征在于，通信过程中采用单例模式，具体表现为：①一个工程内使用同一个实例；②首先加载主应用，随后根据配置加载对应的一个或者多个子应用；③父工程先一步生成实例，并传递给子工程，子工程则使用这个实例初始化自己的实例，实现父工程和子工程对同一个实例的共享。

10.根据权利要求8所述的一种基于前端的微服务设计方法，其特征在于，子应用成功接入到主应用后，先注册主应用和子应用的观察者到观察池中；在主应用或子应用发生了通信变化时，更新全局状态池，并通知观察池中的所有观察者，实现主应用和子应用之间、子应用和子应用之间的通信。