H5端与原生应用解耦方法、装置、设备及存储介质与流程

h5端与原生应用解耦方法、装置、设备及存储介质
技术领域
1.本发明涉及计算机软件技术领域，尤其涉及一种h5端与原生应用解耦方法、装置、设备及存储介质。


背景技术：

2.h5每次需要发布新的模块时，原生app端都需要手动修改代码添加h5模块并跟随h5一起发布新版本，造成不必要的开销和资源浪费。在h5与原生交互标准未添加或变更时，h5版本内容和android原生版本无关，android原生端不应随着h5的版本发布而发布。
3.如果用户想要使用新的h5功能，也必须升级当前的应用(即升级原生端版本)，既造成了不必要的资源浪费，又影响了用户的体验。


技术实现要素：

4.本发明的主要目的是通过对账单数据进行分析预警，及时发现账单划拨中遇到的异常数据，进一步提升客户满意度。
5.本发明第一方面提供了一种h5端与原生应用解耦方法，包括：基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应用的信息接口发送至所述原生端；基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。
6.可选地，在本发明第一方面的第一种实现方式中，所述将所述待解耦应用的信息接口发送至所述原生端，包括：所述h5端通过所述原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；若当前选择的解耦应用为待解耦应用，则获取所述待解耦应用的信息接口，并将所述信息接口发送至所述原生端。
7.可选地，在本发明第一方面的第二种实现方式中，所述基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构，包括：基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，得到所述待解耦应用的数据源数量和所述数据源的数据类型；分别获取所述待解耦应用与各数据源关联的组件和所述组件对应的函数；根据所述数据源的数据类型，确定所述待解耦应用的代码结构和与所述代码结构关联的文件夹路径，确定所述组件构成的代码存储结构。
8.可选地，在本发明第一方面的第三种实现方式中，所述基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码，包括：基于所述代码存储结构，对所述待解耦应用进行解耦，将所述待解耦应用对应的功能相关代码分别单独封装，得到所述待解耦应用对应的功能代码。
9.可选地，在本发明第一方面的第四种实现方式中，所述根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据，包括：根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据，其中，所述资源属性数据包括资源名称；从预设数据库中查找所述资源名称对应的应用指标文件；对所述应用指标文件进行遍历，得到所述新增应用的应用指标数据。
10.可选地，在本发明第一方面的第五种实现方式中，所述基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户，包括：基于所述资源属性数据对配置项进行补充，得到待刷新h5端页面；基于预设刷新机制对所述待刷新h5端页面进行刷新，并根据所述应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面。
11.本发明第二方面提供了一种h5端与原生应用解耦装置，包括：发送模块，用于基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应用的信息接口发送至所述原生端；分析模块，用于基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；解耦模块，用于基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；确定模块，用于接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；获取模块，用于根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；补充模块，用于基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。
12.可选地，在本发明第二方面的第一种实现方式中，所述发送模块包括：确定单元，用于所述h5端通过所述原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；发送单元，用于若当前选择的解耦应用为待解耦应用，则获取所述待解耦应用的信息接口，并将所述信息接口发送至所述原生端。
13.可选地，在本发明第二方面的第二种实现方式中，所述分析模块具体用于括：基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，得到所述待解耦应用的数据源数量和所述数据源的数据类型；分别获取所述待解耦应用与各数据源关联的组件和所述组件对应的函数；根据所述数据源的数据类型，确定所述待解耦应用的代码结构和与所述代码结构关联的文件夹路径，确定所述组件构成的代码存储结构。
14.可选地，在本发明第二方面的第三种实现方式中，所述解耦模块具体用于：基于所述代码存储结构，对所述待解耦应用进行解耦，将所述待解耦应用对应的功能相关代码分别单独封装，得到所述待解耦应用对应的功能代码。
15.可选地，在本发明第二方面的第四种实现方式中，所述获取模块具体用于：根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据，其中，所述资源属性数据包括资源名称；从预设数据库中查找所述资源名称对应的应用指标文件；对所述应用指标文件进行遍历，得到所述新增应用的应用指标数据。
16.可选地，在本发明第二方面的第五种实现方式中，所述补充模块具体用于：基于所述资源属性数据对配置项进行补充，得到待刷新h5端页面；基于预设刷新机制对所述待刷新h5端页面进行刷新，并根据所述应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面。
17.本发明第三方面提供了一种h5端与原生应用解耦设备，包括：存储器和至少一个处理器，所述存储器中存储有指令，所述存储器和所述至少一个处理器通过线路互连；
18.所述至少一个处理器调用所述存储器中的所述指令，以使得所述h5端与原生应用解耦设备执行上述的h5端与原生应用解耦方法的各个步骤。
19.本发明的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述的h5端与原生应用解耦方法的各个步骤。
20.本发明提供的技术方案中，通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
附图说明
21.图1为本发明提供的h5端与原生应用解耦方法的第一个实施例示意图；
22.图2为本发明提供的h5端与原生应用解耦方法的第二个实施例示意图；
23.图3为本发明提供的h5端与原生应用解耦方法的第三个实施例示意图；
24.图4为本发明提供的h5端与原生应用解耦装置的第一个实施例示意图；
25.图5为本发明提供的h5端与原生应用解耦装置的第二个实施例示意图；
26.图6为本发明提供的h5端与原生应用解耦设备的一个实施例示意图。
具体实施方式
27.本发明实施例提供了一种h5端与原生应用解耦方法、装置、设备及存储介质，本发明的技术方案中，首先通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
28.本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”或“具有”及其任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
29.为便于理解，下面对本发明实施例的具体流程进行描述，请参阅图1，本发明实施例中h5端与原生应用解耦方法的第一个实施例包括：
30.101、基于原生端确定与h5端对应的待解耦应用，并将待解耦应用的信息接口发送至原生端；
31.本实施例中，h5端一般为h5页面，h5页面是html5页面的缩写，html5是构建web内容的一种语言描述方式；原生端是基于终端的操作系统的基础上并且搭配原生的编程编写运行的第三方的应用程序，即原生app。
32.本实施例中，h5端通过原生端将选择的上传对象上传至存储平台，可以利用原生端文件访问权限来提高文件上传的安全性。进一步地，h5端调用提交接口将对象关键信息发送到后端，后端根据这些关键信息可以从存储平台中获取对应的上传对象实现业务流程。
33.102、基于信息接口，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；
34.本实施例中，对数据可视化应用进行数据源分析，得到数据可视化应用使用的数据源数量及各数据源的类型。为便于理解，以一个实例进行说明(后续步骤的说明均以该实例作为示例)，例如，针对本地数据源的数据可视化应用“xx汽车零部件生产监控管理系统”，其数据源为本地的excel数据表。当有多个数据源时，只需要分别进行相关操作即可，在此不再赘述。
35.分别获取数据可视化应用中与各数据源关联的可视化图形组件以及可视化图形组件对应的函数。由于实例中仅有一个数据源，因此，可直接获取其数据可视化应用中的所有的图形组件：近7日生产情况(柱状图)、近7日订单情况(折线图)、近7日订单列表(表格)、车间(静态图片)、数据可视化应用名称(text文本)。
36.103、基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；
37.本实施例中，获取数据可视化应用的各可视化图形组件后，解析各可视化图形组件的组件代码数据，所述组件代码数据包括svg图形组件和组件属性代码结构；获取数据可视化应用的各可视化图形组件的数据模型以及对应的函数方法数据。
38.进一步地，拉取关联数据表结构，sql文件中核心字段包括output(产量)、oder_id(订单号)、oder_name(订单名)、oder_time(下单时间)、pic(应用图片)、text(应用文本)，并导出为数据库文件app.sql。
39.104、接受用户基于h5端展示的菜单信息确定的页面配置信息，并获取页面配置信息中包含的应用参数；
40.本实施例中，在各功能对应的功能相关代码单独封装为一组功能代码之后，运行该功能代码即实现该功能相关代码对应的功能。例如：请求权限功能对应功能代码a，打开相机功能对应功能代码b，在用户操作打开相机的情况下，先调用功能代码a，待用户操作许可相机权限之后再调用功能代码。
41.具体地，在具有依赖关系的至少两个功能相关代码组合封装为一组功能代码之后，运行该功能代码即实现该至少两个功能相关代码对应的功能。例如：将请求权限功能对应的功能相关代码和打开相机功能对应的功能相关代码封装为功能代码c，功能代码c与打开相机功能对应，在用户操作打开相机的情况下，由于功能代码c中包括了请求权限功能对应的代码，因此直接调用功能代码c即可依序完成请求权限功能后再完成打开相机功能，无
需再调用其他功能代码。
42.105、根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；
43.本实施例中，对于金融贷款类的应用，贷款的出借人一般都是银行等金融机构，因此页面配置平台提供的贷款应用最终都需要与银行系统(即上述资源系统)进行对接。其中，所述资源属性信息即银行的基本信息，在金融行业每个银行的某些属性信息是固定不变的、而不同银行的类别又可分为“中央银行、商业银行、投资银行、政策性银行、世界银行等。
44.可理解的是，本实施例中页面配置平台可通过远程网络接口与银行系统中的风控系统相连，并通过该接口直接从风控系统中读取该银行对应的应用指标文件，然后从读取到的应用指标文件中提取本次新增应用对应的应用指标数据，从而避免人工手动输入这些资源属性信息和应用指标数据时出现错误，造成不利后果。
45.在具体实现中，页面配置平台可根据应用特征参数从资源系统中获取对应的资源属性信息，以及所述新增应用的应用指标数据。
46.106、基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面，并将目标应用页面展示给用户。
47.本实施例中，本实施例中新增应用对应的页面配置模板中包括有应用编码、应用名称、应用排序、应用特性、应用内容、目标客户、准入标准、应用要求、适合银行以及应用状态等待配置的应用选项，这些配置项中有一些配置项需要开发人员手动输入补充，而有一些配置项则可由页面配置平台根据用户输入的页面配置信息进行自动补充，从而最大化的节省页面配置的流程，提高配置效率。
48.本实施例中，将能够由页面配置平台自动补充的配置项定义为第一类配置项，将开发人员需要基于h5页面通过富文本编辑手动进行内容输入的配置项作为第二类配置项。例如，本实施例中，所述第一类配置项可包括应用排序、应用特色、适合银行、应用要求等选项。当然，本实施例中所述第一类配置项与所述第二类配置项所包含的具体选项并非是固定的，开发人员也可以根据实际情况对第二类配置项进行优化后将其中的选项设置为第一类配置项以实现自动补充。
49.具体的，页面配置平台可根据所述页面配置信息对所述第一类配置项进行补充，获取待刷新h5页面；按预设刷新机制对所述待刷新h5页面进行刷新，并根据所述资源属性信息以及所述应用指标信对刷新后的待刷新h5页面进行补充，以获得目标应用页面。其中，所述预设刷新机制即事先设定的页面刷新规则，用以实现将自动获取到的信息写入至对应的应用选项中并显示，具体的页面刷新周期本实施例不做具体限制。
50.本发明实施例中，通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
51.请参阅图2，本发明实施例中h5端与原生应用解耦方法的第二个实施例包括：
52.201、h5端通过原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；
53.本实施例中，h5端一般为h5页面，h5页面是html5页面的缩写，html5是构建web内容的一种语言描述方式；原生端是基于终端的操作系统(如安卓android、苹果ios，另外还有windows phone)的基础上并且搭配原生的编程编写运行的第三方的应用程序，即原生app。
54.在本实施例中，h5端接收到用户触发的上传指令，原生端监听到h5端需要进行上传的操作时，将待上传对象通过h5端展示给用户，用户从待上传对象中选择需要进行上传的作为上传对象，用户选择完成之后，h5端则获取到了上传对象。
55.具体的，待上传对象可以是图片和/或视频，当用户选择了图片，直接把当前图片base64返回到h5端，当用户选择了视频，则把视频第一帧图片的base64返回到h5端，h5端就获取到了上传对象，将获取的上传对象存储于预设的文件目录中。
56.202、若当前选择的解耦应用为待解耦应用，则获取待解耦应用的信息接口，并将信息接口发送至原生端；
57.本实施例中，若当前选择的解耦应用为待解耦应用，则获取待解耦应用的信息接口，并将信息接口发送至原生端。具体的，原生端根据h5端发送的信息接口，从文件目录中查找到对应的上传对象，并调用上传接口将获取到的上传对象传输至存储平台。
58.本实施例中，h5端通过原生端将选择的上传对象上传至存储平台，可以利用原生端文件访问权限来提高文件上传的安全性。进一步地，h5端调用提交接口将对象关键信息发送到后端，后端根据这些关键信息可以从存储平台中获取对应的上传对象实现业务流程。
59.203、基于信息接口，对待解耦应用的组件构成进行解耦分析，得到待解耦应用的数据源数量和数据源的数据类型；
60.本实施例中，对数据可视化应用进行数据源分析，得到数据可视化应用使用的数据源数量及各数据源的类型。为便于理解，以一个实例进行说明(后续步骤的说明均以该实例作为示例)，例如，针对本地数据源的数据可视化应用“xx汽车零部件生产监控管理系统”，其数据源为本地的excel数据表。当有多个数据源时，只需要分别进行相关操作即可，在此不再赘述。
61.204、分别获取待解耦应用与各数据源关联的组件和组件对应的函数；
62.本实施例中，分别获取数据可视化应用中与各数据源关联的可视化图形组件以及可视化图形组件对应的函数。由于实例中仅有一个数据源，因此，可直接获取其数据可视化应用中的所有的图形组件：近7日生产情况、近7日订单情况、数据可视化应用名称。
63.205、根据数据源的数据类型，确定待解耦应用的代码结构和与代码结构关联的文件夹路径，确定组件构成的代码存储结构；
64.本实施例中，根据各可视化图形组件的数据源类型，分别拉取其对应的代码结构以及关联的文件夹路径，作为对应的组件代码存储结构。
65.206、基于代码存储结构，对待解耦应用进行解耦，将待解耦应用对应的功能相关代码分别单独封装，得到待解耦应用对应的功能代码；
66.本实施例中，本实施例中，在各功能对应的功能相关代码单独封装为一组功能代
码之后，运行该功能代码即实现该功能相关代码对应的功能。例如：请求权限功能对应功能代码a，打开相机功能对应功能代码b，在用户操作打开相机的情况下，先调用功能代码a，待用户操作许可相机权限之后再调用功能代码。
67.具体地，在具有依赖关系的至少两个功能相关代码组合封装为一组功能代码之后，运行该功能代码即实现该至少两个功能相关代码对应的功能。例如：将请求权限功能对应的功能相关代码和打开相机功能对应的功能相关代码封装为功能代码c，功能代码c与打开相机功能对应，在用户操作打开相机的情况下，由于功能代码c中包括了请求权限功能对应的代码，因此直接调用功能代码c即可依序完成请求权限功能后再完成打开相机功能，无需再调用其他功能代码。
68.207、接受用户基于h5端展示的菜单信息确定的页面配置信息，并获取页面配置信息中包含的应用参数；
69.208、根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；
70.209、基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面，并将目标应用页面展示给用户。
71.本实施例中步骤207-209与第一实施例中的步骤104-106类似，此处不再赘述。
72.本发明实施例中，通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
73.请参阅图3，本发明实施例中h5端与原生应用解耦方法的第三个实施例包括：
74.301、基于原生端确定与h5端对应的待解耦应用，并将待解耦应用的信息接口发送至原生端；
75.302、基于信息接口，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；
76.303、基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；
77.304、接受用户基于h5端展示的菜单信息确定的页面配置信息，并获取页面配置信息中包含的应用参数；
78.305、根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据，其中，资源属性数据包括资源名称；
79.本实施例中，页面配置平台可根据产品特征参数中的资源代码从平台对接的外部资源系统中获取对应的资源属性数据，所述资源属性数据包括但不限于上述资源名称、注册信息等信息。
80.306、从预设数据库中查找资源名称对应的应用指标文件，并对应用指标文件进行遍历，得到新增应用的应用指标数据；
81.本实施例中，页面配置平台可根据资源属性数据中包含的资源名称在资源系统中
查找该资源对应的、所有贷款应用对应的应用指标文件，然后根据所述应用风险级别对所述应用指标文件进行遍历，以快速准确地获取所述新增应用的应用指标数据。
82.本实施例通过根据资源代码从资源系统中获取对应的资源属性数据，资源属性数据包括资源名称；在资源系统中查找资源名称对应的应用指标文件，并根据应用风险级别对应用指标文件进行遍历，以获取新增应用的应用指标数据，能够实现对内容较为固定的资源属性信息和应用的应用指标数据的自动获取并补充。
83.307、基于资源属性数据对配置项进行补充，得到待刷新h5端页面；
84.本实施例中，新增应用对应的页面配置模板中包括有应用编码、应用名称、应用排序、应用特性、应用内容、目标客户、准入标准、应用要求、适合银行以及应用状态等待配置的应用选项，这些配置项中有一些配置项需要开发人员手动输入补充，而有一些配置项则可由页面配置平台根据用户输入的页面配置信息进行自动补充，从而最大化的节省页面配置的流程，提高配置效率。
85.本实施例中，将能够由页面配置平台自动补充的配置项定义为第一类配置项，将开发人员需要基于h5页面通过富文本编辑手动进行内容输入的配置项作为第二类配置项。例如，本实施例中，所述第一类配置项可包括应用排序、应用特色、适合银行、应用要求等选项。当然，本实施例中所述第一类配置项与所述第二类配置项所包含的具体选项并非是固定的，开发人员也可以根据实际情况对第二类配置项进行优化后将其中的选项设置为第一类配置项以实现自动补充。
86.具体的，页面配置平台可根据所述页面配置信息对所述第一类配置项进行补充，获取待刷新h5页面；按预设刷新机制对所述待刷新h5页面进行刷新，并根据所述资源属性信息以及所述应用指标信对刷新后的待刷新h5页面进行补充，以获得目标应用页面。其中，所述预设刷新机制即事先设定的页面刷新规则，用以实现将自动获取到的信息写入至对应的应用选项中并显示，具体的页面刷新周期本实施例不做具体限制。
87.308、基于预设刷新机制对待刷新h5端页面进行刷新，并根据应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面。
88.本实施例中，若每个校验规则对应的检查结果均为符合，则账单经过路由规则，成功进行税源地分配。进一步地，记录为成功路由账单，若未进行税源地分流，则记录为未路由账单，为异常数据，并需记录未分流的异常原因。
89.本实施例中步骤301-304与第一实施例中的步骤101-104类似，此处不再赘述。
90.本发明实施例中，通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
91.上面对本发明实施例中h5端与原生应用解耦方法进行了描述，下面对本发明实施例中h5端与原生应用解耦装置进行描述，请参阅图4，本发明实施例中h5端与原生应用解耦装置的第一个实施例包括：
92.发送模块401，用于基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应
用的信息接口发送至所述原生端；
93.分析模块402，用于基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；
94.解耦模块403，用于基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；
95.确定模块404，用于接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；
96.获取模块405，用于根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；
97.补充模块406，用于基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。
98.本发明实施例中，通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
99.请参阅图5，本发明实施例中h5端与原生应用解耦装置的第二个实施例，该h5端与原生应用解耦装置具体包括：
100.发送模块401，用于基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应用的信息接口发送至所述原生端；
101.分析模块402，用于基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；
102.解耦模块403，用于基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；
103.确定模块404，用于接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；
104.获取模块405，用于根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；
105.补充模块406，用于基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。
106.本实施例中，发送模块401包括：
107.确定单元4011，用于所述h5端通过所述原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；
108.发送单元4012，用于若当前选择的解耦应用为待解耦应用，则获取所述待解耦应用的信息接口，并将所述信息接口发送至所述原生端。
109.本实施例中，所述分析模块402具体用于括：
110.基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，得到所述待解耦应用的数据源数量和所述数据源的数据类型；
111.分别获取所述待解耦应用与各数据源关联的组件和所述组件对应的函数；
112.根据所述数据源的数据类型，确定所述待解耦应用的代码结构和与所述代码结构关联的文件夹路径，确定所述组件构成的代码存储结构。
113.本实施例中，所述解耦模块403具体用于：
114.基于所述代码存储结构，对所述待解耦应用进行解耦，将所述待解耦应用对应的功能相关代码分别单独封装，得到所述待解耦应用对应的功能代码。
115.本实施例中，所述获取模块405具体用于：
116.根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据，其中，所述资源属性数据包括资源名称；
117.从预设数据库中查找所述资源名称对应的应用指标文件；
118.对所述应用指标文件进行遍历，得到所述新增应用的应用指标数据。
119.本实施例中，所述补充模块406具体用于：
120.基于所述资源属性数据对配置项进行补充，得到待刷新h5端页面；
121.基于预设刷新机制对所述待刷新h5端页面进行刷新，并根据所述应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面补充模块具体用于：基于所述资源属性数据对配置项进行补充，得到待刷新h5端页面；
122.基于预设刷新机制对所述待刷新h5端页面进行刷新，并根据所述应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面。
123.本发明实施例中，确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对h5端进行补充，得到目标应用页面。本发明通过将h5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。
124.上面图4和图5从模块化功能实体的角度对本发明实施例中的h5端与原生应用解耦装置进行详细描述，下面从硬件处理的角度对本发明实施例中h5端与原生应用解耦设备进行详细描述。
125.图6是本发明实施例提供的一种h5端与原生应用解耦设备的结构示意图，该h5端与原生应用解耦设备600可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，cpu)610(例如，一个或一个以上处理器)和存储器620，一个或一个以上存储应用程序633或数据632的存储介质630(例如一个或一个以上海量存储设备)。其中，存储器620和存储介质630可以是短暂存储或持久存储。存储在存储介质630的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对h5端与原生应用解耦设备600中的一系列指令操作。更进一步地，处理器610可以设置为与存储介质630通信，在h5端与原生应用解耦设备600上执行存储介质630中的一系列指令操作，以实现上述各方法实施例提供的h5端与原生应用解耦方法的步骤。
126.h5端与原生应用解耦设备600还可以包括一个或一个以上电源640，一个或一个以上有线或无线网络接口650，一个或一个以上输入输出接口660，和/或，一个或一个以上操作系统631，例如windows serve，mac os x，unix，linux，freebsd等等。本领域技术人员可
以理解，图6示出的h5端与原生应用解耦设备结构并不构成对本技术提供的h5端与原生应用解耦设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
127.本发明还提供一种计算机可读存储介质，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质也可以为易失性计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在计算机上运行时，使得计算机执行上述h5端与原生应用解耦方法的步骤。
128.所述领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
129.所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。
130.以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

技术特征：
1.一种h5端与原生应用解耦方法，其特征在于，所述h5端与原生应用解耦方法包括：基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应用的信息接口发送至所述原生端；基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。2.根据权利要求1所述的h5端与原生应用解耦方法，其特征在于，所述将所述待解耦应用的信息接口发送至所述原生端，包括：所述h5端通过所述原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；若当前选择的解耦应用为待解耦应用，则获取所述待解耦应用的信息接口，并将所述信息接口发送至所述原生端。3.根据权利要求1所述的h5端与原生应用解耦方法，其特征在于，所述基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构，包括：基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，得到所述待解耦应用的数据源数量和所述数据源的数据类型；分别获取所述待解耦应用与各数据源关联的组件和所述组件对应的函数；根据所述数据源的数据类型，确定所述待解耦应用的代码结构和与所述代码结构关联的文件夹路径，确定所述组件构成的代码存储结构。4.根据权利要求1所述的h5端与原生应用解耦方法，其特征在于，所述基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码，包括：基于所述代码存储结构，对所述待解耦应用进行解耦，将所述待解耦应用对应的功能相关代码分别单独封装，得到所述待解耦应用对应的功能代码。5.根据权利要求1所述的h5端与原生应用解耦方法，其特征在于，所述根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据，包括：根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据，其中，所述资源属性数据包括资源名称；从预设数据库中查找所述资源名称对应的应用指标文件；对所述应用指标文件进行遍历，得到应用指标数据。6.根据权利要求5所述的h5端与原生应用解耦方法，其特征在于，所述基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用
页面展示给用户，包括：基于所述资源属性数据对配置项进行补充，得到待刷新h5端页面；基于预设刷新机制对所述待刷新h5端页面进行刷新，并根据所述应用指标数据对刷新后的待刷新h5端页面进行补充，以获得目标应用页面。7.一种h5端与原生应用解耦装置，其特征在于，所述h5端与原生应用解耦装置包括：发送模块，用于基于原生端确定与h5端对应的待解耦应用，并将所述待解耦应用的信息接口发送至所述原生端；分析模块，用于基于所述信息接口，对所述待解耦应用的组件构成进行解耦分析，确定所述组件构成的代码存储结构；解耦模块，用于基于所述代码存储结构，对所述待解耦应用进行解耦，得到所述待解耦应用对应的功能代码；确定模块，用于接受用户基于所述h5端展示的菜单信息确定的页面配置信息，并获取所述页面配置信息中包含的应用参数；获取模块，用于根据所述应用参数，从预设数据库中获取与所述应用参数对应的资源属性数据和应用指标数据；补充模块，用于基于所述资源属性数据和所述应用指标数据对所述h5端进行补充，得到目标应用页面，并将所述目标应用页面展示给用户。8.根据权利要求7所述的h5端与原生应用解耦装置，其特征在于，所述发送模块包括：确定单元，用于所述h5端通过所述原生端获取所有解耦应用，确定当前选择的解耦应用是否为待解耦应用；发送单元，用于若当前选择的解耦应用为待解耦应用，则获取所述待解耦应用的信息接口，并将所述信息接口发送至所述原生端。9.一种h5端与原生应用解耦设备，其特征在于，所述h5端与原生应用解耦设备包括：存储器和至少一个处理器，所述存储器中存储有指令，所述存储器和所述至少一个处理器通过线路互连；所述至少一个处理器调用所述存储器中的所述指令，以使得所述h5端与原生应用解耦设备执行如权利要求1-6中任一项所述的h5端与原生应用解耦方法的各个步骤。10.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-6中任一项所述的h5端与原生应用解耦方法的各个步骤。

技术总结
本发明涉及计算机软件技术领域，公开了一种H5端与原生应用解耦方法、装置、设备及存储介质。本方法包括：通过确定待解耦应用，对待解耦应用的组件构成进行解耦分析，确定组件构成的代码存储结构；基于代码存储结构，对待解耦应用进行解耦，得到待解耦应用对应的功能代码；获取页面配置信息中包含的应用参数；根据应用参数，从预设数据库中获取与应用参数对应的资源属性数据和应用指标数据；基于资源属性数据和应用指标数据对H5端进行补充，得到目标应用页面。本发明通过将H5版本与原生功能开发解耦，使开发和发布进度可以并行，提升开发效率，进一步提高业务灵活性。进一步提高业务灵活性。进一步提高业务灵活性。


技术研发人员：闫心现 王鹏飞 王永喜 郭勋 王强强
受保护的技术使用者：上海乾臻信息科技有限公司
技术研发日：2023.03.07
技术公布日：2023/7/22