[发明专利]一种移动应用组件化实现方法

权利要求书

1.一种移动端业务模块组件化的分包、配置及实施方法，其特征在于：具体包含如下步

骤；

步骤1，拆分建设基础库模块；

步骤2，将源代码分业务模块拆分打包，生成独立组件；

步骤3，通过Android、iOS平台实现多模块组件支持和配置；

步骤4，完成模块组件间的跳转和通讯；

步骤5，配合服务端进行多组件的动态加载。

2.根据权利要求1所述的一种移动端业务模块组件化的分包、配置及实施方法，其特征

在于：在一个实施方式中，在步骤1中，所述基础库模块包含基础资源和基础组件库；

其中，基础资源包含

网络请求库，用于基础网络请求API；

基础图片资源，用于提供通用图片、ICON；

与Native交互模块，用于获取Native的数据，以及与Native的通信方法；

数据缓存模块，用于缓存应用所需要保存临时或永久的信息；

通用帮助类，包含时间、字符串操作和设备信息；

基础组件库包含

自定义组件，用于提供所有模块使用的组件；

组件库组件，用于提供满足页面开发使用。

3.根据权利要求1所述的一种移动端业务模块组件化的分包、配置及实施方法，其特征

在于：在一个实施方式中，所述步骤2将源代码分业务模块拆分打包，生成独立组件，具体包含如下步骤；

步骤2.1，业务分包：业务组件模块处于modules模块下，每一个module模块是绝对独立的业务模块，且内部含有独立的业务请求、图片资源、页面跳转路径；

步骤2.2，业务模块打包：bundle-config下包含每个模块的配置，执行相应的打包方法，会生成响应模块的业务包jsbundle，并拷贝到Android或iOS对应的目录下，打包核心脚本。

4.根据权利要求1所述的一种移动端业务模块组件化的分包、配置及实施方法，其特征

在于：在一个实施方式中，所述步骤3通过Android、iOS平台实现多模块组件支持和配置，具体如下：

App启动时，根据App本地保存的配置文件读取相应的模块组件jsbundle， Android和iOS会分别将该模块组件加载为各自平台使用的ReactNative实例，并将jsbundle转化为页面展示的试图，该实例持有试图并负责Native与ReactNative之间的通讯，并统一交于ReactNativeManager进行管理；

当App加载对应的业务模块时，从ReactNativeManager中获取对应的试图呈现。

5.根据权利要求1所述的一种移动端业务模块组件化的分包、配置及实施方法，其特征

在于：在一个实施方式中，所述步骤4完成模块组件间的跳转和通讯，具体包含如下步骤；

步骤4.1，业务组件的跳转；

模块组件化之后，各个模块之间的跳转变成了视图之间的切换或者页面跳转，定义统一

的动态路由方式：

Rn://module1/feature1/XXXPage-id=24

其中，Module1表示配置的业务模块名称；Feature1表示模块中具体的功能内容；XXXPage

表示跳转显示的页面；-之后的内容表示页面所需要传递的参数；

ReactNativeManager接收页面跳转的请求，解析得到对应的模块资源，进行相关试图的显示；

步骤4.2，业务组件之间的通讯；模块之间的数据通讯实际变成了ReactNative实例之间的通讯，当业务模块加载之后，会自动注册到ReactNativeManager且监听从ReactNativeManager收到的信息，任何的模块发送信息将ReactNativeManager统一处理分发。

6.根据权利要求1所述的一种移动端业务模块组件化的分包、配置及实施方法，其特征在于：在一个实施方式中，所述步骤5配合服务端进行多组件的动态加载，具体如下：App启动时，从本地加载业务模块的配置信息，该配置信息和对应的模块在App打包时生成；

也可采用从服务器获取配置的方式来动态实现按需加载：在进行jsbundle业务模块

打包之后，讲打包生成的bundle包上传到服务器，并修改相应的配置文件，App启动时同时从服务端获取配置文件，如果发现App中不存在对应的业务模块，从服务器下载对应的jsbundle到SD卡，下载完毕后，告知服务端可以开放对应的新业务模块入口，然后跳转显示。