DSbridge HarmonyOS适配问题

由于我们app里面很多模块是用h5写的,h5写的基于DSBridge,但是HarmonyOS版本的DSBridge js回调给h5不能直接传递给对象,直接转成string,这改变很大,这如果h5改的话,太多地方要改了。

@JavaScriptInterface() 
getSafeArea(data: string, handler: CompleteHandler) { 
  let safeAreaMap: Record<string, number> = { 
    "top": 0, 
    "left": 0, 
    "right": 0, 
    "bottom": 0 
  } 
 
  handler.complete(JSON.stringify(safeAreaMap)) 
}

请问有什么办法吗?

HarmonyOS
2024-11-06 10:10:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

是可以直接传递对象的,下面是demo:

import { CompleteHandler, JavaScriptInterface, WebViewControllerProxy } from '@hzw/ohos-dsbridge' 
@Entry 
@Component 
struct webView { 
  private controller: WebViewControllerProxy = WebViewControllerProxy.createController() 
 
  aboutToAppear() { 
    this.controller.addJavascriptObject(new JsBridge()) 
  } 
  build() { 
    Column() { 
      Text('DsBridge 测试') 
      Web({ src: $rawfile('index.html'), controller: this.controller.getWebViewController() }) 
        .javaScriptAccess(true) 
        .javaScriptProxy(this.controller.getJavaScriptProxy()) 
    } 
    .height('100%') 
    .width('100%') 
  } 
} 
export class JsBridge { 
  @JavaScriptInterface() 
  testAsync(p: string, handler: CompleteHandler) { 
    let safeAreaMap: Record<string, number> = { 
      "top": 0, 
      "left": 0, 
      "right": 0, 
      "bottom": 0 
    } 
    handler.complete(safeAreaMap) 
  } 
}
<!-- index.html --> 
  <!DOCTYPE html> 
  <html> 
  <body id="box"> 
  <p>Hello World</p> 
  </body> 
  <script src="./dsbridge.js"></script> 
  <script> 
 
  dsBridge.call('testAsync', JSON.stringify({data: 200}), (msg) => { 
    document.body.innerHTML = JSON.stringify(msg) 
    updateMsg(msg) 
  }) 
  </script> 
  </html>
分享
微博
QQ
微信
回复
2024-11-06 17:45:42
相关问题
DSbridge HarmonyOS版本有开发计划吗?
452浏览 • 1回复 待解决
HarmonyOS 手机、平板适配问题
190浏览 • 1回复 待解决
HarmonyOS UI 单位适配问题
270浏览 • 1回复 待解决
HarmonyOS tencent mars库适配问题
307浏览 • 1回复 待解决
HarmonyOS 折叠屏H5适配问题
764浏览 • 1回复 待解决
有关FA的多端适配问题
6205浏览 • 1回复 待解决
Cronet适配HarmonyOS
852浏览 • 1回复 待解决
有人知道关于折叠机适配问题吗?
1064浏览 • 1回复 待解决
HarmonyOS深色主题适配
368浏览 • 1回复 待解决
HarmonyOS的appUI适配
312浏览 • 1回复 待解决
HarmonyOS 适配 React native
248浏览 • 1回复 待解决
HarmonyOS 折叠屏适配资料
485浏览 • 1回复 待解决
硬件设备如何适配HarmonyOS
12494浏览 • 1回复 待解决
HarmonyOS Web全屏播放适配
233浏览 • 1回复 待解决
HarmonyOS web组件内容适配折叠屏
259浏览 • 1回复 待解决