[发明专利]基于移动跨平台的机场APP开发容器架构

权利要求书

1.一种基于移动跨平台的机场APP开发容器架构，其特征在于包括：

H5容器，用于H5程序的运行和主流程的实现；所述H5容器包含QDCWeb、JSBridgeAPI和HotLoader；

所述QDCWeb为浏览器定制内核，其封装原生web内核，并高度抽象为api，提供Builder模式，支持自定义参数，加入loading状态，以用于提高执行效率，修复原生web漏洞；

所述JSBridgeAPI用于原生容器和所述H5容器的交互桥梁，借用JsBridge和队列数据结构封装为API,供彼此之间相互调用；

所述HotLoader用于所述H5容器的资源热更新处理；

原生容器，用于H5容器和系统层之间的数据传递；所述原生容器包含JSBridge、UrlRouter、QDCShark、NativeAPI和WebResManager；

所述JSBridge用于所述H5容器中JSBridgeAPI原生端的代码实现；

所述UrlRouter用于APP内部所有页面的跳转；

所述QDCShark用于APP运行时的异常全监控；

所述NativeAPI用于调用手机环境中的功能；

所述WebResManager用于管理web资源本地化过程，从资源版本对比，下载，解压，通过file协议加载html页面。

2.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述H5容器还包含：

Vant，用于搭建出风格统一的页面，以提升开发效率。

3.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述H5容器还包含：

Vue，用于与第三方库或既有项目整合。

4.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述web页面本地化是将所有web资源打包后，放于APP私有存储中，使得不需要每次进行网络请求和复杂解析，从而直接加载本地页面到内存中。

5.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述资源热更新处理包括：

检测APP版本，启动web版本对比；

更新对应版本的web资源，覆盖本地web资源；

文件完整性校验，保存web资源版本号和配置单，启动主页；校验失败则启动缓存的web资源。

6.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于还包括：

tabbar资源表，用于记录全局的tabbarItem内容展示配置等字段信息,并可通过权限menu_code查询到对应的tabbar资源实体。

7.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于还包括：

用于存储版本关系的APP表，所述APP表与web资源表为一对多关系，使移动WEB端与APP的版本进行关联，保证移动WEB版本与APP版本功能的一致。

8.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述异常全监控是在第一时间整改异常代码，解决bug，并进行热更新。

9.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于所述H5容器内部署多套H5代码,用于实现同一个APP支持多方厂家H5项目接入的能力。

10.根据权利要求1所述的基于移动跨平台的机场APP开发容器架构，其特征在于第三方H5组件接入APP的方式包括：

项目android和iOS端引入跨平台容器SDK,让项目拥有跨平台开发的容器；

第三方厂家按照跨平台容器开发SDK文档,开发符合跨平台容器的H5应用；

第三方厂家编译、打包和压缩，将产物dist.zip部署到APP配置后台中,并配置功能入口；

通过热更新技术,根据组件名,分别判断不同厂家的H5版本；

通过资源本地化,将最新资源加载到本地；

将html交付给QDCWeb进行渲染呈现,实现自动加载多个第三方H5资源,实现动态添加第三方H5组件的功能。