(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211075042.2 (22)申请日 2022.09.02 (71)申请人 钉钉 （中国） 信息技 术有限公司 地址 310023 浙江省杭州市余杭区五常街 道文一西路969号3幢5层527室 (72)发明人 单丹　曲奎林　戴荔春　吴泽铨　 彭峥　周子杰　 (74)专利代理 机构 北京布瑞知识产权代理有限 公司 11505 专利代理师 秦卫中 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/445(2018.01) (54)发明名称 应用页面的组件的调用方法和电子设备 (57)摘要 本说明书提供一种应用页面的组件的调用 方法和电子设备， 其中适用于用户设备的调用方 法包括： 在应用页面打开的情况下， 确定多个组 件中的目标组件； 在启用目标组件时， 向服务器 发送下载请求， 以使得服务器获取目标代码， 该 目标代码是由插件封装目标组件的源代码而得 到的； 加载目标代码； 以及基于目标代码将目标 组件渲染至应用页面中。 在该调用方法中， 利用 插件对所需要加载至应用页面上的目标组件进 行封装， 然后将封装目标组件的插件加载至应用 页面上， 以使得各个目标组件可以独立加载至应 用页面， 从而避免因组件的源代码集成带来的不 良问题。 权利要求书3页 说明书14页 附图5页 CN 115390977 A 2022.11.25 CN 115390977 A 1.一种应用页面的组件的调用方法， 适用于用户设备， 其特 征在于， 包括： 在应用页面打开的情况 下， 确定多个组件中的目标组件； 在启用所述目标组件时， 向服务器发送下载请求， 以使得所述服务器获取目标代码， 所 述目标代码是由插 件封装所述目标组件的源代码而得到的； 加载所述目标代码； 以及 基于所述目标代码 将所述目标组件渲染至所述应用页面中。 2.根据权利要求1所述的调用方法， 其特征在于， 所述应用页面打开的情况下， 确定多 个组件中的目标组件， 包括： 在所述应用页面打开的情况下， 从所述应用页面的服务端获取所述应用页面和所述多 个组件的描述数据； 基于所述描述数据在所述应用页面上建立所述多个组件的列表； 从所述列表中确定所述目标组件。 3.根据权利要求2所述的调用方法， 其特征在于， 所述从所述列表中确定所述目标组 件， 包括： 基于用户的选择从所述组件列表中确定所述目标组件； 和/或 基于预设的组件从所述组件列表中确定所述目标组件， 所述预设的组件为所述应用页 面打开的情况 下从所述多个组件中自动选择加载的组件。 4.根据权利要求1～3中任一项所述的调用方法， 其特征在于， 所述在启用所述目标组 件时， 向服 务器发送所述下 载请求， 包括： 每次启用所述目标组件时， 向所述 服务器发送所述下 载请求。 5.根据权利要求1～3中任一项所述的调用方法， 其特征在于， 所述在启用所述目标组 件时， 向服 务器发送下 载请求， 包括： 在初次启用所述目标组件时， 向所述 服务器发送所述下 载请求， 其中， 所述调用方法还 包括： 将初次启用所述目标组件时加载的所述目标代码缓存至所述用户设备； 以及 在再次启用所述目标组件时， 从所述用户设备中获取已经缓存的所述目标代码。 6.根据权利要求5所述的调用方法， 其特 征在于， 还 包括： 在再次启用所述目标组件时， 基于所述目标组件的标识信 息判断缓存在所述用户设备 的由所述插 件封装的所述目标组件的版本是否为 最新版本； 其中， 所述从所述用户设备中获取已经缓存的所述目标代码， 包括： 如果缓存在所述用户设备的由所述插件封装的所述目标组件的版本是最新版本， 则从 所述用户设备中获取已经缓存的所述目标代码； 如果缓存在所述用户设备的由所述插件封装的所述目标组件的版本不是最新版本， 则 向所述服务器发送所述下载请求， 以使得所述服务器获取由所述插件封装最新版本的所述 目标组件的源代码以得到的最 新版本的目标代码； 以所述服务器发送的最新版本的所述目标代码替换缓存在所述用户设备中的目标代 码， 并加载至所述应用页面。 7.根据权利要求5所述的调用方法， 其特 征在于， 还 包括： 在再次启用所述目标组件时， 基于所述目标组件的标识信 息判断缓存在所述用户设备权　利　要　求　书 1/3 页 2 CN 115390977 A 2的由所述插 件封装的所述目标组件的版本是否为 最新版本； 其中， 所述从所述用户设备中获取已经缓存的所述目标代码， 包括： 如果缓存在所述用户设备的由所述插件封装的所述目标组件的版本是最新版本， 从所 述用户设备中获取已经缓存的所述目标代码； 如果缓存在所述用户设备的由所述插件封装的所述目标组件的版本不是最新版本， 提 醒用户是否选择更新所述 目标组件； 如果用户选择为否， 则将已经缓存的所述目标代码加 载至所述应用页面； 如果用户选择为是， 向所述服务器发送所述下载请求， 以使得所述服务 器获取由所述插件封装最新版本的所述目标 组件的源代码以得到最新版本的目标代码， 且 以所述服务器发送的最新版本的所述目标代码替换缓存在所述用户设备中的目标代码， 并 加载至所述应用页面。 8.一种应用页面的组件的调用方法， 适用于服 务器， 其特 征在于， 包括： 接收用户设备发送的下载请求， 所述下载请求包含所述应用页面的多个组件中的目标 组件的标识信息； 获取由插 件封装所述目标组件的源代码得到的目标代码； 向所述用户设备发送所述目标代码， 以使得所述用户设备基于所述目标代码将所述目 标组件渲染至所述应用页面中。 9.根据权利要求8所述的调用方法， 其特征在于， 所述获取由插件封装所述目标组件的 源代码得到的目标代码， 包括： 通过所述服务器包括的所述应用页面的服 务端获取 所述目标组件的源代码； 在所述插 件的服务端封装所述目标组件的源代码以得到所述目标代码。 10.根据权利要求9所述的调用方法， 其特征在于， 所述在所述插件的服务端封装所述 目标组件的源代码以得到所述目标代码， 包括： 在所述插件的服务端对所述目标组件的权限进行校验， 以得到校验结果； 在所述校验 结果为通过的情况下， 通过所述插件对所述目标 组件的源代码进 行封装以获得所述目标代 码； 或者 在所述插件的服务端对所述目标组件的权限进行校验， 以得到校验结果； 在所述校验 结果为通过的情况下， 将所述 目标组件的源代码加载至所述插件的服务端， 以通过所述插 件对所述目标组件的源代码进行封装并获得 所述目标代码。 11.根据权利要求8所述的调用方法， 其特征在于， 所述获取由插件封装所述目标组件 的源代码得到的目标代码， 包括： 通过所述服务器包括的所述应用页面的服 务端获取 所述目标代码。 12.根据权利要求11所述的调用方法， 其特征在于， 所述通过所述服务器包括的所述应 用页面的服 务端获取 所述目标代码和所述向所述用户设备发送所述目标代码， 包括： 在所述插件的服务端对所述目标组件的权限进行校验， 以得到校验结果； 在所述校验 结果为通过的情况下， 由所述应用页面的服务端获取所述目标代码并发送至所述用户设 备； 或者 所述目标代码加载至所述插件的服务端， 并对所述目标组件的权限进行校验， 以得到 校验结果； 在所述校验结果为通过的情况下， 由所述插件的服务端将所述 目标代码并发送 至所述用户设备。权　利　要　求　书 2/3 页 3 CN 115390977 A 3