一种HTML5应用的兼容适配多应用底座方法及系统与流程

一种html5应用的兼容适配多应用底座方法及系统
技术领域
1.本发明涉及应用程序开发技术领域，尤其涉及一种html5应用的兼容适配多应用底座方法以及一种html5应用的兼容适配多应用底座系统。


背景技术：

2.目前移动互联网的发展，手机app逐渐趋向于原生 html5的模式进行开发。该模式具有易于跨平台，节省开发时间及成本，便于版本控制和bug修复等诸多优点。但由于不同的原生底座封装的方法和接口不同，在适配多底座时，html5应用往往需要设计开发大量的兼容性工作。
3.jsapi是底座为html5应用提供的访问操作系统或者其他原生应用能力的接口，不同app底座使用的jsapi都不尽相同，无论是方法名、入参出参，还是调用方式，都有很大的差异，需要设计和进行大量的兼容性开发工作。


技术实现要素：

4.针对上述问题，本发明提供了一种html5应用的兼容适配多应用底座方法及系统，通过引入适配不同应用底座的适配文件构建底座适配器，根据底座适配器判断不同的应用底座以完成html5应用的兼容适配，实现一套前端代码就能够快速迁移到不同的应用底座中，减少后续重复性开发工作，同时底座适配器能够随时扩展，适配性更强。
5.为实现上述目的，本发明提供了一种html5应用的兼容适配多应用底座方法，包括：
6.引入集成有适配不同应用底座的适配文件，并根据所述适配文件构建底座适配器；
7.在html5应用页面中需要调用接口时，调用所述底座适配器判断当前应用页面所在的应用底座；
8.根据当前应用页面对应的应用底座，调用该应用底座的底层能力，实现所要实现的功能。
9.在上述技术方案中，优选地，基于所述底座适配器对于不同底座的判断，在所述html5应用页面的开发过程中，只开发一套嵌入所述底座适配器的调用接口的前端代码。
10.在上述技术方案中，优选地，不同应用底座的底层能力采用统一方法名和统一入参，所述底座适配器将所述应用底座中的底层能力对应方法jsapi的返回值进行封装，统一出参入参；
11.在调用所述底座适配器判断当前应用页面所在的应用底座的过程中，所述底座适配器通过调用每个应用底座的获取本地存储方法，判断当前应用页面所在的应用底座。
12.在上述技术方案中，优选地，在需要针对所述html5应用页面增加新的应用底座时，通过配置所述底座适配器，将新的应用底座中底层能力对应方法jsapi封装至所述底座适配器中。
13.本发明还提出一种html5应用的兼容适配多应用底座系统，应用于如上述技术方案中任一项公开的html5应用的兼容适配多应用底座方法，包括：
14.底座适配构建模块，用于引入集成有适配不同应用底座的适配文件，并根据所述适配文件构建底座适配器；
15.应用底座判断模块，用于在html5应用页面中需要调用接口时，调用所述底座适配器判断当前应用页面所在的应用底座；
16.底座能力调用模块，用于根据当前应用页面对应的应用底座，调用该应用底座的底层能力，实现所要实现的功能。
17.在上述技术方案中，优选地，基于所述底座适配器对于不同底座的判断，在所述html5应用页面的开发过程中，只开发一套嵌入所述底座适配器的调用接口的前端代码。
18.在上述技术方案中，优选地，不同应用底座的底层能力采用统一方法名和统一入参，所述底座适配器将所述应用底座中的底层能力对应方法jsapi的返回值进行封装，统一出参入参；
19.在调用所述底座适配器判断当前应用页面所在的应用底座的过程中，所述底座适配器通过调用每个应用底座的获取本地存储方法，判断当前应用页面所在的应用底座。
20.在上述技术方案中，优选地，在需要针对所述html5应用页面增加新的应用底座时，通过配置所述底座适配器，将新的应用底座中底层能力对应方法jsapi封装至所述底座适配器中。
21.与现有技术相比，本发明的有益效果为：通过引入适配不同应用底座的适配文件构建底座适配器，根据底座适配器判断不同的应用底座以完成html5应用的兼容适配，实现一套前端代码就能够快速迁移到不同的应用底座中，减少后续重复性开发工作，同时底座适配器能够随时扩展，适配性更强。
附图说明
22.图1为本发明一种实施例公开的html5应用的兼容适配多应用底座方法的逻辑流程示意图；
23.图2为本发明一种实施例公开的html5应用的兼容适配多应用底座方法的实施流程示意图；
24.图3为本发明一种实施例公开的html5应用的兼容适配多应用底座方法的实例处理流程示意图；
25.图4为本发明一种实施例公开的html5应用的兼容适配多应用底座系统的模块示意图。
26.图中，各组件与附图标记之间的对应关系为：
27.11.底座适配构建模块，12.应用底座判断模块，13.底座能力调用模块。
具体实施方式
28.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人
员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。
29.下面结合附图对本发明做进一步的详细描述：
30.如图1和图2所示，根据本发明提供的一种html5应用的兼容适配多应用底座方法，包括：
31.引入集成有适配不同应用底座的适配文件，并根据适配文件构建底座适配器；
32.在html5应用页面中需要调用接口时，调用底座适配器判断当前应用页面所在的应用底座；
33.根据当前应用页面对应的应用底座，调用该应用底座的底层能力，实现所要实现的功能。
34.在该实施方式中，通过引入适配不同应用底座的适配文件构建底座适配器，根据底座适配器判断不同的应用底座以完成html5应用的兼容适配，实现一套前端代码就能够快速迁移到不同的应用底座中，减少后续重复性开发工作，同时底座适配器能够随时扩展，适配性更强。
35.在上述实施方式中，优选地，基于底座适配器对于不同底座的判断，在html5应用页面的开发过程中，只开发一套嵌入底座适配器的调用接口的前端代码。
36.具体地，通过引入集成了适配不同app应用底座的适配文件，在开发过程中，只需要开发一套html5应用页面，通过调用底座适配器中的底层能力方法，由底座适配器判断当前应用页面所在的底座，生成适配不同底座的方法以及统一出入参数，减少后续重复性开发工作，同时适配文件可以随时扩展，适配性更强。
37.在上述实施方式中，优选地，不同应用底座的底层能力采用统一方法名和统一入参，底座适配器将应用底座中的底层能力对应方法jsapi的返回值进行封装，统一出参入参；
38.在调用底座适配器判断当前应用页面所在的应用底座的过程中，底座适配器通过调用每个应用底座的获取本地存储方法，判断当前应用页面所在的应用底座。
39.在上述实施方式中，优选地，在需要针对html5应用页面增加新的应用底座时，通过配置底座适配器，将新的应用底座中底层能力对应方法jsapi封装至底座适配器中。
40.具体地，如图3所示，以某app的实施过程为例，在处理过程中，具体处理步骤包括：
41.1、首先设置统一方法名和统一入参，以调用应用底座提供的方法；
42.2、底座适配器通过调用应用底座中的“获取本地存储”方法，判断当前应用页面在哪个应用底座中；
43.3、调用对应应用底座中的方法；
44.4、底座适配器将底座方法jsapi的返回值进行封装，统一出参入参，使用json对象方便灵活拓展；
45.5、如果增加新的应用底座需要适配，只需配置底座适配器，更新应用底座的jsapi封装，以适应不同app应用底座的适配。
46.根据上述实施方式公开的html5应用的兼容适配多应用底座方法，该方法可配合目前主流的原生(android、ios) 前端(html5、vue.js等)的app开发模式，开发不同的底座适配器，发布后生成适配不同底座终端的兼容应用页面。
47.如图4所示，本发明还提出一种html5应用的兼容适配多应用底座系统，应用于如
上述实施方式中任一项公开的html5应用的兼容适配多应用底座方法，包括：
48.底座适配构建模块11，用于引入集成有适配不同应用底座的适配文件，并根据适配文件构建底座适配器；
49.应用底座判断模块12，用于在html5应用页面中需要调用接口时，调用底座适配器判断当前应用页面所在的应用底座；
50.底座能力调用模块13，用于根据当前应用页面对应的应用底座，调用该应用底座的底层能力，实现所要实现的功能。
51.在该实施方式中，通过引入适配不同应用底座的适配文件构建底座适配器，根据底座适配器判断不同的应用底座以完成html5应用的兼容适配，实现一套前端代码就能够快速迁移到不同的应用底座中，减少后续重复性开发工作，同时底座适配器能够随时扩展，适配性更强。
52.在上述实施方式中，优选地，基于底座适配器对于不同底座的判断，在html5应用页面的开发过程中，只开发一套嵌入底座适配器的调用接口的前端代码。
53.在上述实施方式中，优选地，不同应用底座的底层能力采用统一方法名和统一入参，底座适配器将应用底座中的底层能力对应方法jsapi的返回值进行封装，统一出参入参；
54.在调用底座适配器判断当前应用页面所在的应用底座的过程中，底座适配器通过调用每个应用底座的获取本地存储方法，判断当前应用页面所在的应用底座。
55.在上述实施方式中，优选地，在需要针对html5应用页面增加新的应用底座时，通过配置底座适配器，将新的应用底座中底层能力对应方法jsapi封装至底座适配器中。
56.根据上述实施方式公开的html5应用的兼容适配多应用底座系统，各模块所要实现的功能与上述实施方式公开的html5应用的兼容适配多应用底座方法的各步骤分别对应一致，具体实现方式参照上述实施方式，在此不再赘述。
57.以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。