(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210314404.2 (22)申请日 2022.03.28 (71)申请人 上海幻电信息科技有限公司 地址 200120 上海市浦东 新区中国 （上海） 自由贸易试验区祖冲之路2277弄1号 905、 906室 (72)发明人 罗星　 (74)专利代理 机构 北京英特普罗知识产权代理 有限公司 1 1015 专利代理师 王勇 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 基于ReactNative的预加载 方法及系统 (57)摘要 本申请公开了一种基于ReactNative的预加 载方法， 包括： 获取目标电子设备的设备数据， 所 述目标电子设备内置有ReactNative应用， ReactNative应用关联多个Bundle文件； 根据所 述设备数据， 从所述多个Bu ndle文件中选 择一个 或多个目标Bu ndle文件； 根据所述一个或多个目 标Bundle文件， 生成目标预加载配置信息； 及将 所述目标预加载配置信息提供给所述目标电子 设备， 以使所述目标电子设备根据所述目标预加 载配置信息， 对所述一个或多个目标Bu ndle文件 进行预加载。 本申请还提供了ReactNative的预 加载系统、 计算机设备， 以及计算机可读存储介 质。 本申请提供的技术方案， 基于设备数据， 确定 要预加载的一个或多个目标Bu ndle文件， 可以在 保证相应的ReactNative页面被打开时， 可以快 速地进行页面加载渲染， 同时维持合理的资源开 销。 权利要求书2页 说明书13页 附图6页 CN 114780167 A 2022.07.22 CN 114780167 A 1.一种基于ReactNative的预加载 方法， 其特 征在于， 所述方法包括： 获取目标电子设备的设备数据， 所述目标电子设备内置有ReactNative应用， 所述 ReactNative应用关联多个Bundle文件； 根据所述设备 数据， 从所述多个Bundle文件中选择一个或多个目标Bundle文件； 根据所述 一个或多个目标Bundle文件， 生成目标 预加载配置信息； 及 将所述目标预加载配置信 息提供给所述目标电子设备， 以使所述目标电子设备根据 所 述目标预加载配置信息， 对所述 一个或多个目标Bundle文件进行 预加载。 2.根据权利要求1所述的基于ReactNative的预加载方法， 其特征在于， 所述设备数据 包括设备运行状态数据； 所述根据所述设备数据， 从所述多个Bundle文件中选择一个或多 个目标Bundle文件， 包括： 在所述设备运行状态数据符合预设条件的情况下， 从所述多个Bundle文件中选择一个 或多个目标Bundle文件， 所述预设条件用于判定所述目标电子设备能否预加载。 3.根据权利要求2所述的基于ReactNative的预加载方法， 其特征在于， 所述设备数据 还包括目标对象标识； 所述在所述设备运行状态数据符合预设条件的情况下， 从所述多个 Bundle文件中选择一个或多个目标Bundle文件， 包括： 根据所述目标对象标识， 从所述多个Bundle文件中选择多个目标Bundle文件； 及 从所述多个目标Bundle文件中选择 所述一个或多个目标Bundle文件。 4.根据权利要求3所述的基于ReactNative的预加载方法， 其特征在于， 各个Bundle文 件分别关联有一个或多个文件标签， 其中， 文件标签用于和对象标签匹配； 所述根据所述目 标对象标识， 从所述多个Bundle文件选择多个目标Bundle文件， 包括： 根据所述目标对象标识， 获取目标对象的一个或多个目标对象标签； 将所述目标对象的一个或多个目标对象标签和所述各个Bundle文件的一个或多个文 件标签进行匹配， 得到所述目标对象与所述各个Bundle文件之间的匹配结果； 及 根据所述匹配结果， 从所述多个Bundle文件中选择 所述多个目标Bundle文件。 5.根据权利要求4所述的基于ReactNative的预加载方法， 其特征在于， 所述目标对象 标识与所述一个或多个目标对象标签之 间的映射关系预先存储于数据库中； 所述方法还包 括： 获取所述目标对象的历史数据， 所述历史数据对应一个或多个维度； 对所述历史数据进行聚类， 以得到每 个维度的中心点； 根据所述每个维度的中心点， 生成与所述目标对象关联的一个或多个目标对象标签； 及 将所述目标对象标识与所述一个或多个目标对象标签进行映射并存储于所述数据库 中。 6.根据权利要求4所述的基于ReactNative的预加载方法， 其特征在于， 同一个Bundle 文件关联的各个文件标签分别对应一个权重值； 所述将所述目标对象的一个或多个目标对 象标签和所述各个Bundle文件的一个或多个文件标签进 行匹配， 得到所述目标对象与所述 各个Bundle文件之间的匹配结果， 包括： 确定所述目标对象与已匹配Bundle文件之间的一个或多个匹配标签； 其中， 所述已匹 配Bundle文件为所述多个Bundle文件中任意一个Bundle文件， 所述一个或多个匹配标签为权　利　要　求　书 1/2 页 2 CN 114780167 A 2所述目标对象和所述已匹配Bundle文件均关联的标签； 及 根据所述一个或多个匹配标签的权重值， 确定所述目标对象与所述已匹配Bundle之间 的匹配度， 该匹配度作为所述目标对象和所述已匹配Bundle之间的匹配结果。 7.根据权利 要求3至6任意一项所述的基于ReactNative的预加载方法， 其特征在于， 所 述设备数据还包括目标设备标识； 所述 从所述多个目标B undle文件中选择所述一个或多个 目标Bundle文件， 包括： 根据所述设备运行状态数据， 确定所述目标电子设备的可用资源； 根据所述目标设备标识， 确定所述目标电子设备加载各个目标Bundle文件所需的资源 开销； 及 根据所述可用资源以及所述目标电子设备加载所述各个目标Bundle文件所需的资源 开销， 从所述多个目标Bundle文件中选择 所述一个或多个目标Bundle文件。 8.根据权利要求7所述的基于ReactNative的预加载方法， 其特征在于， 所述根据所述 可用资源以及所述目标电子 设备加载所述各个目标B undle文件所需的资源开销， 从所述多 个目标Bundle文件中选择 所述一个或多个目标Bundle文件， 包括： 根据所述目标电子设备的可用资源、 所述目标电子设备加载所述各个目标Bundle文件 所需的资源开销、 所述目标对象与所述各个目标Bundle文件之间的匹配度， 从所述多个目 标Bundle文件中选择 所述一个或多个目标Bundle文件。 9.一种基于ReactNative的预加载系统， 其特 征在于， 所述系统包括： 获取模块， 用于获取目标电子设备的设备数据， 所述目标电子设备内置有ReactNative 应用， 所述ReactNative应用关联多个Bundle文件； 选择模块， 用于根据所述设备数据， 从所述多个Bundle文件中选择一个或多个目标 Bundle文件； 生成模块， 用于根据所述 一个或多个目标Bundle文件， 生成目标 预加载配置信息； 及 提供模块， 用于将所述目标预加载配置信息提供给所述目标电子设备， 以使所述目标 电子设备根据所述目标 预加载配置信息， 对所述 一个或多个目标Bundle文件进行 预加载。 10.一种计算机设备， 所述计算机设备包括存储器、 处理器以及存储在存储器上并可在 处理器上运行 的计算机程序， 其特征在于， 所述处理器执行所述计算机程序时用于实现权 利要求1至8中任意 一项所述的基于ReactNative的预加载 方法的步骤。 11.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质内存储有计算机 程序， 所述计算机程序可被至少一个处理器所执行， 以使所述至少一个处理器执行权利要 求1至8中任意 一项所述的基于ReactNative的预加载 方法的步骤。权　利　要　求　书 2/2 页 3 CN 114780167 A 3