鸿蒙中关于Web组件

 Web组件接收

• 页面地址参数
• 以及一个WebController
• 然后配置一个javaScriptProxy
  • methodList：鸿蒙组件里自己的方法，提供给网页调用。
  • controller：WebController控制器。
  • name：注册对象的名称，与window中调用的对象名一致。
  • object：注册的对象，只能声明方法，不能声明属性。

Web({src:"http://192.168.14.71:5500/1.html",controller:this.controller})
        .javaScriptProxy({
          methodList:["say"],//表示
          controller:this.controller,
          name:"twt",
          object:new JSBridgeMethods()
        })

 object，提供web页面调用的方法

class JSBridgeMethods{
  say(){
    promptAction.showToast({
      message:'哈哈，方法被调用了'
    })
  }
}

在web页面中如果要使用鸿蒙app里面的方法，直接使用  注册对象的名称.方法名()

twt.say()

官方Web组件介绍https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#javascriptproxy12