(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211187318.6 (22)申请日 2022.09.28 (71)申请人 泉州砾鹰石科技有限公司 地址 362000 福建省泉州市 鲤城区九一路 16号益华商厦9层912号 (72)发明人 吴海霖　 (74)专利代理 机构 山东恒果知识产权代理有限 公司 37347 专利代理师 李至冰 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 一种基于原生开发的APP小程序动态加载方 法 (57)摘要 本发明公开了一种基于原生开发的APP小程 序动态加载方法， 包括以下步骤： S1搭建私服： 使 用code‑push‑server工具搭建自己的CodePush 服务， 使用docket集成； S2 工作流开发： 热更新的 发布和管 理， 创建应用和版本信息以及补丁的更 新管理； S3 搭建GUI管理后台： 搭建GU I管理后台， 用于以编程方式管理CodeP ush帐户， 该库允许编 写基于Node.js的构建和/或部署脚本， 而无需使 用CLI构建； S4设计更新： 用户在GUI上设计他要 的页面 （拖拉组件的方式） ， 然后拼装成数据流， 客户端用原生代码根据数据流展示对应的页面； S5客户端检查更新； S6更新消息： 更新过程回调 会返回APP的更新情况至服务端。 整合了移动端 APP的开发， 不仅缩短了APP的开发时间， 也提高 了APP的开发效率。 权利要求书2页 说明书6页 附图2页 CN 115421818 A 2022.12.02 CN 115421818 A 1.一种基于原生 开发的AP P小程序动态加载 方法， 其特 征在于， 包括以下步骤： S1搭建私服： 使用code ‑push‑server工具 搭建自己的CodePush服 务， 使用docket集成； S2工作流 开发： 热更新的发布和管理， 创建应用和版本信息以及 补丁的更新管理； S3搭建GUI管理后台： 搭建GUI管理后台， 用于以编程方式管理CodePush帐户， 该库允许 编写基于N ode.js的构建和/或部署脚本， 而无需使用CL I构建； S4设计更新： 用户在GUI上设计他要的页面 （拖拉组件 的方式） ， 然后拼装成数据流， 客 户端用原生代码根据数据流展示对应的页面； S5客户端检查更新： 客户端自动检查更新、 下 载更新、 安装更新； S6更新消息： 更新过程回调会返回APP的更新情况至服务端，  每个阶段都会触发， 并且 推送最新包到客户端。 2.根据权利要求1所述的一种基于原生开发的APP小程序动态加载方法， 其特征在于： 所述步骤S1中的搭建私服的方法包括以下步骤： （1.1） 分支管理： 每个热更新版本都需要在一个新的分支上开发， 同时此分支也是版本 开发完成后发布更新的分支； （1.2） 变量替换： 每次打包之前， 需要执行脚本， 根据参数来替换代码中的Key值， 如执 行npm run build  ‑‑build， 会将CodePush的key和host指向生产环境； （1.3） 打包静态资源： 执行  react‑native bundle 命令可以将js代码打包 成jsbundle 文件， 也可将静态文件打包到文件夹中； （1.4） 将代码推送到代码服 务器。 3.根据权利要求1所述的一种基于原生开发的APP小程序动态加载方法， 其特征在于： 所述步骤S2中的工作流 开发方法包括以下步骤： （1） 使用code ‑push‑cli命令完成应用的创建、 应用更新的版本， code ‑push register 注册账号， code ‑push app add <appName>  <os> <platform>添加项目， 创建项目时， 默认 会生成两套部署环境： Sta ging(分阶段)、 Producti on； （2） 使用code ‑push release <appName>命令 发布新更新， <updat eContents>指定应用 更新的资源和代码的位置就是打包后的jsbundle位置， <targetBinaryVersion>目标二进 制的版本号； （3） 使用code ‑push release‑react <appName> <platform>命令发布热 更新； （4） 使用code ‑push patch <appName>  <deploymentName>命令在发布更新之后用于补 丁的更新； （5）使用code ‑push promote  <appName>  <sourceDeploymentName>  < destDeploymentName>命令促进更新， 当我们在线上的Staging环境下测试完毕后， 我们可 以执行pr omote命令将之推进到Product环境， 而不是重新执行release命令， 然后重新设置 参数； （6） 使用code ‑push rollback  <appName>  <deploymentName>  [‑‑targetRelease/ ‑r  <label>]命令经行回滚更新， 当某个版本出现重大问题时， 需要将版本回滚到老 的正常版 本去， 可以使用ro llback命令 。 4.根据权利要求3所述的一种基于原生开发的APP小程序动态加载方法， 其特征在于： 所述步骤S3中搭建 GUI管理后台方法包括以下步骤：权　利　要　求　书 1/2 页 2 CN 115421818 A 2（1） 搭建服务器， 基于CodePush  Management  SDK搭建一个node的Http服务， 为热更新 发布后台管理系统提供服 务； （2） 版本号设计， 在热 更系统中维护一个版本号； （3） 版本号对应， 每次发布新版的热更新时， 运营人员只需要选泽热更的二机制的版本 即可， 后续的最终版本号由系统按照热 更版本自动加一的规则自动生成： （4） 查看发布历史， 通过 版本号等条件可以查看发布历史信息 。 5.根据权利要求1所述的一种基于原生开发的APP小程序动态加载方法， 其特征在于： 所述步骤S4中设计更新方法包括以下步骤： （1） 组件封装： 对已知的拍照组件、 聊天组件等组件进行封装； （2） 页面 流程设计： 用户拖拉组件进行页面、 操作流 程设计； （3） 存入磁盘： 针对页面的这些元素和流程进行封装， 并构建数据流， 存入磁盘或者服 务器； （4） 页面 渲染： 客户打开页面的时候， 拉取 数据流， 并调用组件进行页面 渲染。 6.根据权利要求1所述的一种基于原生开发的APP小程序动态加载方法， 其特征在于： 所述步骤S5中客户端检查更新方法包括以下步骤： （1） 集成  react‑native‑code‑push， 安装所有必需的CocoaPods依赖项， 修改 AppDelegate.m  中的sourceURLForBridge  方法， 将您的应用配置为始终加载应用的  JS  包的最新版本， 在第一次启动时， 这将对应于使用应用程序编译的文件， 但是， 在通过   CodePush 推送更新后， 这将返回最近安装的更新的位置： （2） 差异更新， CodePush  客户端支持差异更新， 因此即使每次更新时都发布了  JS  bundle 和 assets， 最 终用户实际上只会下载他们需要的文件； 该服务会自动处理此问题， 优化最终用户的下 载； （3） Api检查更新， JavaScript  模块， 可以  import/require， 并允许应用程序在 运行时 与服务交互， 原生  API， 它允许  React Native 应用程序主机使用正确的  JS 包位置引导 (bootstrap启动)自身。权　利　要　求　书 2/2 页 3 CN 115421818 A 3