【技术实现步骤摘要】
本专利技术属于领域，尤其是一种混合开发组件封装方法。
技术介绍
1、随着移动设备快速普及，人们越来越多的依赖移动设备，催生了各种app应用的诞生，人们对移动应用提出来越来越高的要求。相应的，移动开发也将重心关注到用户体验、界面易用性上面，要求不用深入了解移动设备自身的硬件和移动系统的api，也能快速开发app。
2、android系统：是一种基于linux内核的开源移动设备操作系统，由google公司开发。它最初是为智能手机设计的，但现在已经广泛应用于平板电脑、智能手表、智能电视等各种移动设备。
3、webview是nativeapp中内置的一款基于webkit内核的浏览器
4、cordova框架：是一个流行的开源移动应用程序开发框架
5、vue是一种流行的javascript框架，用于构建用户界面。它于2014年创建，旨在提供一种简单、易用、高效的方法来构建复杂的web应用程序。
6、目前上层开发者还需要关心android的api和硬件细节的情况下才能开发出用户想要的app。
技术实现思路
1、本专利技术的目的在于克服现有技术的不足，提出一种混合开发组件封装方法，将android底层细节封装成组件提供给上层调用，上层开发者在不关心android的api和硬件细节的情况下也能快速开发出用户想要的app。
2、本专利技术解决其技术问题是采取以下技术方案实现的：
3、一种混合开发组件封装方法，包括以下步
4、步骤1、构建插件，并通过web引擎加载web页面和插件中的js；
5、步骤2、通过web引擎，调用构建的插件；
6、步骤3、插件调用底层os api，将结果返回给web引擎上层。
7、而且，所述步骤1中构建插件包括以下步骤：
8、步骤1.1、创建android module，在android studio中创建一个标准的module，依赖cordovalib；
9、步骤1.2、创建plugin类：创建一个java类，继承cordovaplugin，并重写他的execute方法；
10、步骤1.3、创建plugin.js，文件命名规则td***plugin.js；
11、步骤1.4.、注册新添加的插件；
12、步骤1.5、注册到config.xml：在业务项目的business_module中编辑config.xml，添加新的插件。
13、而且，所述步骤1的具体实现方法为：在app中生成webview实例，将h5页面加载到webview中，在h5页面中通过cordova_plugins.js搜索到注册的plugin.js和plugin类，调用plugin.js中的方法，就可以调用到plugin插件上。
14、而且，所述加载方式包括本地加载方式和远程加载方式。
15、而且，所述本地加载方式的具体实现方法为：提前将h5相关页面打包进app中，加载的时候通过调用本地文件加载。
16、而且，所述远程加载方式的具体实现方法为：将h5相关页面部署在远端的服务器上，加载的时候通过访问远端文件方式加载。
17、而且，所述步骤3的具体实现方法为：构建的插件的java类中封装了对底层系统api的调用，web引擎上层调用插件的接口，构建的每个插件提供一组方法，每个方法包括三个内容：入参、成功回调函数和失败回调函数。
18、本专利技术的优点和积极效果是：
19、本专利技术提供了一种基于目前流行的开源移动应用程序开发框架，对android原生功能进行封装，封装成组件。基于这些组件，应用上层可以使用html、css和javascript编写原生移动应用程序，它允许开发者使用web技术构建跨平台的移动应用程序。通过这些组件，应用上层可以调用移动设备功能和硬件特性，而不用关心底层硬件的细节。
本文档来自技高网...【技术保护点】
1.一种混合开发组件封装方法，其特征在于：包括以下步骤：
2.根据权利要求1所述的一种混合开发组件封装方法，其特征在于：所述步骤1中构建插件包括以下步骤：
3.根据权利要求1所述的一种混合开发组件封装方法，其特征在于：所述步骤1的具体实现方法为：在APP中生成webview实例，将H5页面加载到webview中，在H5页面中通过cordova_plugins.js搜索到注册的Plugin.js和Plugin类，调用Plugin.js中的方法，调用到Plugin插件上。
4.根据权利要求3所述的一种混合开发组件封装方法，其特征在于：所述加载方式包括本地加载方式和远程加载方式。
5.根据权利要求4所述的一种混合开发组件封装方法，其特征在于：所述本地加载方式的具体实现方法为：提前将H5相关页面打包进APP中，加载的时候通过调用本地文件加载。
6.根据权利要求4所述的一种混合开发组件封装方法，其特征在于：所述远程加载方式的具体实现方法为：将H5相关页面部署在远端的服务器上，加载的时候通过访问远端文件方式加载。
7.根
...【技术特征摘要】
1.一种混合开发组件封装方法，其特征在于：包括以下步骤：
2.根据权利要求1所述的一种混合开发组件封装方法，其特征在于：所述步骤1中构建插件包括以下步骤：
3.根据权利要求1所述的一种混合开发组件封装方法，其特征在于：所述步骤1的具体实现方法为：在app中生成webview实例，将h5页面加载到webview中，在h5页面中通过cordova_plugins.js搜索到注册的plugin.js和plugin类，调用plugin.js中的方法，调用到plugin插件上。
4.根据权利要求3所述的一种混合开发组件封装方法，其特征在于：所述加载方式包括本地加载方式和远程加载方式。
...【专利技术属性】
技术研发人员：付邦鹏，王思俊，黄凯，李亚辉，白胜杰，陈磊，
申请(专利权)人：天津天地伟业信息系统集成有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。