harmony鸿蒙下实现bc交互的方式和方法

前言

最近在研究harmony操作系统下的交互,因此写一篇文章记录一下。

解决的问题

本篇文章主要是来写解决如果兼容android或者ios的交互,这样子避免h5页面的二次开发,节省资源。

交互的种类

交互对于harmony来说其实只有一种,只有注册的形式,使用WebviewController的registerJavaScriptProxy来实现,如果是从头开始开发harmony 是没有任何问题的,直接使用这个来写就行。

但是如果你的项目中有大量的h5页面,使用了很多的交互,这时怎么能够兼容呢,我们想到了一些办法。

模拟android

我们在WebviewController的setCustomUserAgent方法中把安卓完整的ua和harmony的ua拼接在一起,这样子,前端h5的交互就以为是安卓的请求,就会根据android的形式来处理交互,ios同理。

代码如下:

dart 复制代码
  this.webviewController.setCustomUserAgent("F-OFST moblie_android" + this.androidUa + this.webviewController.getUserAgent())
    this.webviewController.registerJavaScriptProxy(this.myUtilsRegisterBridge, "Myutils",
      ["return_btn", "returnBack", "returnLogin"]);
      

但是android还有一种实现bc交互的方法,就是利用浏览器的onPrompt机制,这种机制就是我们利用event的message和value,来制定前端给我们的格式,比如,key,callbakc(回调函数),params(参数),利用这些定义好的值,在客户端接收到后,进行解析,如果是正常的返回就用

result.handlePromptConfirm(json);或者result.handleConfirm();来实现,

如果是callback我们可以使用this.webviewController的runJavaScript来实现,或者使用this.webviewController的loadurl来实现,代码如下:

dart 复制代码
   this.mWebviewController.loadUrl("javascript:" + webViewJSBean.callBack + "(" + tmpStr + ")")
      

总结

到此就结束了,这里主要的重点是

一、解决如何节省资源的情况下实现harmony的交互,

二、利用onPrompt实现交互,我们称为拦截

三、this.mWebviewController.loadUrl实现回调函数,这种在文档里是查不到的,在此记录,为后面的人铺路

相关推荐
游戏技术分享1 小时前
【鸿蒙游戏技术分享 第71期】资质证明文件是否通过
游戏·华为·harmonyos
赵浩生2 小时前
鸿蒙技术干货11:属性动画与转场效果实战
harmonyos
Monkey_242 小时前
鸿蒙开发工具大全
华为·harmonyos
灰灰勇闯IT4 小时前
鸿蒙 5.0 开发入门第二篇:掌握 ArkTS 的 if 分支语句,实现条件逻辑判断
华为·harmonyos
2501_925317134 小时前
[鸿蒙2025领航者闯关] 把小智AI装进「第二大脑」:从开箱到MCP智能体的全链路实战
人工智能·microsoft·harmonyos·鸿蒙2025领航者闯关·小智ai智能音箱·mcp开发
SmartBrain5 小时前
华为企业4A架构深度解析
华为·架构
柒儿吖5 小时前
让终端输出更美观:term_grid网格布局工具在OpenHarmony PC上的完整适配实战
harmonyos
柒儿吖5 小时前
深度实战:Rust交叉编译适配OpenHarmony PC——terminal_size完整适配案例
后端·rust·harmonyos
hh.h.6 小时前
Flutter应用嵌入鸿蒙智慧座舱数字孪生界面的实现
华为·harmonyos
结局无敌6 小时前
Flutter跨平台开发:从原生交互到全端适配的实战拆解
flutter·交互