Web端与移动端的通信方法、移动终端及系统与流程

文档序号:25543506发布日期:2021-06-18 20:40阅读:来源:国知局

技术特征:

1.一种web端与移动端的通信方法,其特征在于,应用于所述web端;所述web端与所述移动端设置有相对应的软件开发工具包;所述移动端集成h5容器sdk和native端能力sdk;所述web端集成h5_sdk.js库;

所述方法包括:

移动端基于webview实现的h5容器的全生命周期管理方法,注册android或ios定义的javascriptinterface接口;

基于h5_sdk.js的web页面,通过h5_sdk与移动端定义的javascriptinterface接口进行通讯,以使移动端在javascriptinterface接口中调用native端能力方法,获取执行结果;

基于h5_sdk的web页面接收所述执行结果,并根据业务需求处理所述执行结果,获取最终要显示的内容,并显示所述最终要显示的内容。

2.根据权利要求1所述的方法,其特征在于,还包括:通过h5容器的webview加载web页面;所述通过h5容器的webview加载web页面,包括:

基于自定义webview调用loadurl方法加载web页面资源,包括本地资源和远程资源。

3.根据权利要求1所述的方法,其特征在于,所述基于h5_sdk.js的web页面,通过h5_sdk与移动端定义的javascriptinterface接口进行通讯,包括:

通过web页面触发事件,通过h5_sdk.js对android或ios定义的javascriptinterface接口发起调用。

4.根据权利要求1所述的方法,其特征在于,所述移动端的所述h5容器设置有supportapi和customapi,所述supportapi调用native端能力的相关功能,所述customapi调用用户自定义javascriptinterface接口,以实现端能力的扩展;

所述基于h5_sdk.js的web页面,通过h5_sdk与移动端定义的javascriptinterface接口进行通讯,以使移动端在javascriptinterface接口中调用native端能力方法,获取执行结果,包括:

h5容器启动后,通过supportapi加载native端能力sdk,以使supportapi通过native端能力sdk的abilitymanager启动加载常用组件;通过customapi加载自定义端能力,用户可以通过自定义端能力管理器启动加载扩展端能力;

基于web页面的交互操作,通过h5_sdk发起javascript调用请求;

通过h5_sdk将调用native组件的请求发送到webview,以使移动端调用h5容器supportapi,通过端能力管理器调用对应的组件功能,使得组件执行相关操作,得到执行结果。

5.根据权利要求4所述的方法,其特征在于,所述通过h5_sdk将调用native组件的请求发送到webview,通过端能力管理器调用对应的组件功能,使得组件执行相关操作,得到执行结果,包括:

通过所述supportapi调用端能力管理器,以使所述端能力管理器调用对应的功能组件,以使所述功能组件执行对应的操作,得到执行结果。

6.根据权利要求4所述的方法,其特征在于,所述基于h5_sdk的web页面接收所述执行结果,并根据业务需求处理所述执行结果,获取最终要显示的内容,并显示所述最终要显示的内容,包括:

基于所述端能力管理器将所述执行结果发送至h5容器,以使所述h5容器将所述执行结果通过javascriptinterface回调接口返回给webview;

基于webview将javascriptinterface回调接口返回的执行结果转成javascript支持的内容;

基于h5_sdk将所述javascript支持的内容传递给web页面的javascript程序,程序处理完成数据后,将结果显示在web页面。

7.一种web端与移动端的通信方法,其特征在于,应用于所述移动端;所述web端与所述移动端设置有相对应的软件开发工具包;所述移动端集成h5容器和native端能力调用;所述web端集成h5容器sdk;

所述方法包括:

基于webview的h5容器全生命周期管理相关方法,native端能力相关接口及方法,注册android或ios定义的javascriptinterface接口,以及,webview加载web页面,以使web页面加载h5_sdk.js库;

基于所述移动端的终端页面调用所述android或ios定义的javascriptinterface接口,以将消息发送给web端的h5_sdk;

基于h5_sdk.js的api接口调用web端定义的javascript方法,并执行,获取执行结果;

基于h5_sdk将执行结果发送到h5容器;

基于h5容器的android或ios定义的javascriptinterface接口,将执行结果返回给webview所属页面。

8.根据权利要求7所述的方法,其特征在于,还包括:

管理员将开发完成的webapp打包并上传至应用分发服务器;

在移动端app启动后,初始化并加载h5容器,h5容器读取配置文件,得到分发服务器地址;

通过h5容器至分发服务器检查版本更新,并获取最新版本信息;

基于h5容器和所述最新版本信息,安装和更新最新版本,并将已安装版本加入本地webapp版本管理中;

移动端app启动webapp,发起请求打开页面;

通过h5容器拦截请求,加载本地离线webapp资源;

通过h5容器返回离线资源给app的webview页面,以使webview页面展示资源。

9.一种移动终端,其特征在于,包括:处理器,以及与所述处理器相连接的存储器;所述存储器用于存储计算机程序,所述计算机程序至少用于执行权利要求1~6任一项所述的web端与移动端的通信方法;

所述处理器用于调用并执行所述存储器中的所述计算机程序。

10.一种web端与移动端的通信系统,其特征在于,包括:web端与上述权利要求9所述的移动端。


技术总结
本发明涉及一种Web端与移动端的通信方法、移动终端及系统,属于通信技术领域,移动端集成H5容器SDK和Native端能力SDK;Web端集成h5容器的js库;方法包括:移动端基于WebView实现的H5容器的全生命周期管理方法,注册Android或iOS定义的JavaScriptInterface接口;基于h5_sdk.js的Web页面,通过h5_sdk与移动端定义的JavaScriptInterface接口进行通讯,以使移动端在JavaScriptInterface接口中调用Native端能力方法,获取执行结果;基于h5_sdk的Web页面接收执行结果,并根据业务需求处理执行结果,获取最终要显示的内容,并显示最终要显示的内容。本发明解决Web端与移动端混合开发中开发周期和开发成本较大的技术问题。

技术研发人员:邓杰;孙重阳
受保护的技术使用者:杭州天阙科技有限公司
技术研发日:2021.03.05
技术公布日:2021.06.18
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1