[发明专利]单页面应用基于配置引用远程页面组件的方法

权利要求书

1.一种单页面应用基于配置引用远程页面组件的方法，其特征在于，主要包括以下步骤：

(一)、开发与打包公用页面组件：

(1)新建公用页面组件开发项目工程：启动项目，复制已有的项目工程，修改工程名以用于开发公用页面组件；

(2)开发公用页面组件：启动路由，以路由为页面单位开发公用页面组件；

(3)打包公用页面组件：要配置一个以步骤(2)中各个公用页面组件的代码文件为入口的webpack配置选项，配置webpack以路由为单位打包每个公用页面组件以分别形成单独的js文件；

(4)发布公用页面组件：将各个单独的js文件发布至服务器上以形成远程页面组件，以用于多个项目工程进行调用；

(二)、调用远程页面组件：

(a)获取远程页面组件的配置信息：通过本地配置或者api地址获取当前项目工程所需要的远程页面组件的地址列表与对应的路由配置信息；

(b)根据路由配置信息生成动态路由：根据路由配置信息动态生成路由列表；

(c)根据路由访问页面：通过路由列表的地址访问显示远程页面组件。

2.根据权利要求1所述的单页面应用基于配置引用远程页面组件的方法，其特征在于，在步骤(二)中项目工程中的web应用采用单页面应用。