[发明专利]移动APP中基于ReactNative实现小程序开发并加载的方法

权利要求书

1.一种移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的方法包括以下步骤：

(1)按照附图目录结构创建小程序及内部文件，包含入口文件、项目描述文件、项目代码、项目依赖描述文件和项目打包配置文件；

(2)调试基座支持包及引用；

(3)开发小程序；

(4)打包运行小程编译；

(5)运行小程序。

2.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(2)具体包括以下步骤：

(2.1)调试基座和支持包，调用安装相关依赖及引用支持包；

(2.2)调试服务启动，读取项目描述文件，设置项目路由为小程序入口文件；

(2.3)通过支持包提供的UI框架开发页面内容。

3.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(2.2)具体包括以下步骤：

(2.2.1)判断是否为在开发模式下，如果是，则继续步骤(2.2.2)；否则，继续(2.2.3)；

(2.2.2)在开发模式下，显示支持包提供的调试首页，显示当前调试的小程序及最新调试的小程序列表，提供配置调试IP和端口，配置完成后基座连接调用服务；

(2.2.3)非开发模式下，支持包根据打包配置入口小程序参数加载对应的介质文件，加载完成后支持包根据小程序appId和入口模块名称通过路由导航跳转到对应页面。

4.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(3)具体包括以下步骤：

(3.1)在调试基座中开发小程序，支持包在调试基座配置地址后连接调试服务，提供项目所有文件的编译产资源包物；

(3.2)在项目目录内文件发生改变时实时编译，并同步到调试基座中。

5.根据权利要求4所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(3.1)具体包括以下步骤：

(3.1.1)对单个文件进行编译；

(3.1.2)进行调试服务，提供文件改动实时更新及页面刷新、断点调试、网络数据查看的功能。

6.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(4)具体包括以下步骤：

进行编译打包，扫描项目下的所有文件，将项目目录下的文件编译成对应模块，将js文件的模块代码汇总生成index.jsbundle文件，并产生整个项目的编译产物zip包，将模块拷贝至编译产物，将页面依赖的组件通过调试基座的主bundle实现。

7.根据权利要求6所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(4)中编译出的模块包括页面实现代码、页面唯一标识和页面依赖的模块，非js文件编译的模块的内容包含资源文件路径、资源名称、资源后缀名的信息。

8.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(5)具体为：

根据小程序appId在本地寻找zip资源包，加载资源包中的index.jsbundle文件，读取小程序入口页面homepage参数，通过ReactNative根路由加载页面，实现小程序主界面的加载。

9.根据权利要求1所述的移动APP中基于ReactNative实现小程序开发并加载的方法，其特征在于，所述的步骤(1)中的内部文件包含入口文件、项目描述文件、项目代码、项目依赖描述文件和项目打包配置。