鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

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

按赞同

/

按时间

是可以直接传递对象的，下面是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>

回复

2024-11-06 17:45:42

如何写精华回答，获更多曝光？

发布

相关问题

DSbridge HarmonyOS版本有开发计划吗？

1777浏览 • 1回复待解决

HarmonyOS 屏幕适配，字体适配问题

1663浏览 • 1回复待解决

HarmonyOS 请提供dsbridge样例代码

1234浏览 • 1回复待解决

适配HarmonyOS相关问题

1211浏览 • 1回复待解决

HarmonyOS 字体适配问题

854浏览 • 1回复待解决

HarmonyOS JsBridge适配问题

1027浏览 • 1回复待解决

HarmonyOS web使用dsbridge会报提示。如何解决

1150浏览 • 1回复待解决

HarmonyOS 手机、平板适配问题

1183浏览 • 1回复待解决

HarmonyOS UI 单位适配问题

1320浏览 • 1回复待解决

HarmonyOS Flutter版本适配问题

1521浏览 • 1回复待解决

HarmonyOS react-native-modalize适配问题及适配计划

1226浏览 • 1回复待解决

HarmonyOS tencent mars库适配问题

1544浏览 • 1回复待解决

HarmonyOS 关于Web组件适配问题

798浏览 • 1回复待解决

HarmonyOS 适配-输入框问题

1106浏览 • 1回复待解决

HarmonyOS Navigation的折叠屏适配问题

1093浏览 • 1回复待解决

HarmonyOS 折叠屏H5适配问题

2574浏览 • 1回复待解决

HarmonyOS cocod2d-x适配问题

974浏览 • 1回复待解决

有关FA的多端适配问题

7426浏览 • 1回复待解决

HarmonyOS 一处开发多平台适配问题

920浏览 • 1回复待解决

HarmonyOS 折叠屏、平板主页平行视界适配问题

1595浏览 • 1回复待解决

HarmonyOS 希望适配SVGAPlayer SDK适配

914浏览 • 1回复待解决

HarmonyOS 依赖的部分自有功能sdk适配问题

1172浏览 • 1回复待解决

#鸿蒙通关秘籍#有一个问题，适配过程中，如何避免适配后的兼容性问题？

1186浏览 • 2回复待解决

有人知道关于折叠机适配问题吗？

1674浏览 • 1回复待解决

flutter适配工作有哪些以及版本升级问题

1382浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

HarmonyOS SDK对应的API版本跃迁引发的历史工程适配问题解决方案 0回复

HarmonyOS Next 设备适配与生态拓展 1回复

HarmonyOS Next中的自由窗口适配 0回复

（十七）HarmonyOS Design 的多设备适配 0回复

Flutter适配HarmonyOS 5开发知识地图 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载