鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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版本有开发计划吗？

363浏览 • 1回复待解决

HarmonyOS UI 单位适配问题

166浏览 • 1回复待解决

HarmonyOS 手机、平板适配问题

153浏览 • 1回复待解决

HarmonyOS tencent mars库适配问题

238浏览 • 1回复待解决

HarmonyOS 折叠屏H5适配问题

613浏览 • 1回复待解决

有关FA的多端适配问题

6106浏览 • 1回复待解决

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

336浏览 • 1回复待解决

Cronet适配HarmonyOS

802浏览 • 1回复待解决

HarmonyOS深色主题适配

304浏览 • 1回复待解决

HarmonyOS的appUI适配

237浏览 • 1回复待解决

HarmonyOS 适配 React native

55浏览 • 1回复待解决

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

944浏览 • 1回复待解决

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

50浏览 • 1回复待解决

HarmonyOS 折叠屏适配资料

401浏览 • 1回复待解决

硬件设备如何适配HarmonyOS？

12285浏览 • 1回复待解决

HarmonyOS 图片适配，多尺寸屏幕怎么适配图片及图片背景

169浏览 • 1回复待解决

鸿蒙应用如何处理不同屏幕尺寸的适配问题?

33浏览 • 0回复待解决

HarmonyOS 导航条适配沉浸式适配在NestedScroll场景下失效

174浏览 • 1回复待解决

HarmonyOS Web全屏播放适配

137浏览 • 1回复待解决

HarmonyOS web组件内容适配折叠屏

177浏览 • 1回复待解决

HarmonyOS 组件布局怎么适配折叠屏？

243浏览 • 1回复待解决

HarmonyOS 关于应用界面适配的方案

191浏览 • 1回复待解决

open_file插件适配HarmonyOS需求

214浏览 • 1回复待解决

HarmonyOS 如何适配自己的so库？

443浏览 • 1回复待解决

HarmonyOS从TypeScript到ArkTS的适配

321浏览 • 1回复待解决

提问

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

相关讨论帖

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

HarmonyOS应用车机端分屏展示适配 0回复

#HarmonyOS NEXT体验官#深色模式的适配 0回复

#HarmonyOS NEXT体验官#《鸿蒙社区适配实战一》 0回复

HarmonyOS Next 原生应用开发-ArkTS语法适配背景说明 0回复

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