鸿蒙实现 web 传值

鼠扑  论坛元老 | 2025-3-15 08:37:03 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1032|帖子 1032|积分 3096

前言:安卓和 IOS 加载 H5 的时候,都有传值给到 H5 或者吸取 H5 值,鸿蒙也可传值和吸取 H5 的内容,以下是鸿蒙传值给 H5 端的详细操作
一: 界说好 H5 和鸿蒙传值的方法名,两端必须保持方法名划一
// xxx.ets 
import { webview } from '@kit.ArkWeb'
//和 H5 界说的传输内容
class TestObj {
  constructor() {
  }
  test(data1: string, data2: string, data3: string): string {
    console.log("data1:" + data1)
    console.log("data2:" + data2)
    console.log("data3:" + data3)
    return "AceString"
  }
  toString(): void {
    console.log('toString' + "interface instead.")
  }
}
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  controller: webview.WebviewController = new webview.WebviewController()
  testObj = new TestObj();
  build() {
    Row() {
      Column() {
        Web({ src: $rawfile('index.html'), controller: this.controller })
          .javaScriptAccess(true)
          .javaScriptProxy({
            object: this.testObj,  // 传输的内容
            name: "objName", //  H5 界说的传值方法名
            methodList: ["test", "toString","goBack"], // 详细的方法
            controller: this.controller,
          })
      }.width('100%')
    }.height('100%')
  }
}
  1. // H5 页面返回
  2. goBack() {
  3.   router.back()
  4. }
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

鼠扑

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表