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

摘要

本发明公开了一种单页面应用基于配置引用远程页面组件的方法，属于通信的技术领域，具体通过以下步骤：新建公用页面组件开发项目工程、开发公用页面组件、打包公用页面组件和发布公用页面组件实现开发与打包公用页面组件，再通过获取远程页面组件的配置信息、根据路由配置信息生成动态路由和根据路由访问页面实现调用远程页面组件，以达到能够对多个产品进行同步更新，降低产品制定化开发的成本以及公用页面组件更加容易维护的目的。

主权项

1.一种单页面应用基于配置引用远程页面组件的方法，其特征在于，主要包括以下步骤：(一)、开发与打包公用页面组件：(1)新建公用页面组件开发项目工程：启动项目，复制已有的项目工程，修改工程名以用于开发公用页面组件；(2)开发公用页面组件：启动路由，以路由为页面单位开发公用页面组件；(3)打包公用页面组件：要配置一个以步骤(2)中各个公用页面组件的代码文件为入口的webpack配置选项，配置webpack以路由为单位打包每个公用页面组件以分别形成单独的js文件；(4)发布公用页面组件：将各个单独的js文件发布至服务器上以形成远程页面组件，以用于多个项目工程进行调用；(二)、调用远程页面组件：(a)获取远程页面组件的配置信息：通过本地配置或者api地址获取当前项目工程所需要的远程页面组件的地址列表与对应的路由配置信息；(b)根据路由配置信息生成动态路由：根据路由配置信息动态生成路由列表；(c)根据路由访问页面：通过路由列表的地址访问显示远程页面组件。