HarmonyOS 鸿蒙Next Web组件的onMessageEventExt如何接收到的result为一个数组且数组中的数据为对象

目前getArray这个接口仅支持Array<string | number | boolean>，目前是不支持传对象

如果是h5那边传对象内有方法，可以尝试先将对象转成JSON字符串，再转换成ArkTs内定义的对应对象

JSON转对象需要用此三方库

鸿蒙目前支持异步执行JavaScript脚本，并通过回调方式返回脚本执行的结果。

具体参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview

想要将H5传递的对象字符串转化为ArkTs对象，需要先在ArkTs定义对象，然后使用deserialize将其转化为对应的对象 比如说想将{ name: ‘nicek’, age: 15, gender: ‘男’ }这个对象转化为ArkTs的对象，那么就要先在ArkTs里定义一个这个类，再用deserialize将其转化为对应的对象 参考代码如下：

xxx.ets

……

webController: webview.WebviewController = new webview.WebviewController();

class jsonData{
  @Expose
  name?: string;
  @Expose
  age?: number;
  @Expose
  gender?: string;
}

Web(src:"……",controller: this.webController)
.onMessageEventExt((result)=>{
const response:jsonData = deserialize(jsonData,result.getString())//接受的result是一个字符串
const responseArray:jsonData[] = deserializeArray(jsonData,result.getArray())//接受的result是一个数组
})

……

开发者您好，这个是ets端的完整代码

import { Expose,deserialize, deserializeArray } from 'class-transformer';
import { webview } from '@kit.ArkWeb';

class jsonData{
  @Expose
  name?: string;
  @Expose
  age?: number;
  @Expose
  gender?: string;
}

@Entry
@Component
struct Demo {
  webController: webview.WebviewController = new webview.WebviewController();
  nativePort: webview.WebMessagePort | null = null;
  ports: webview.WebMessagePort[] = [];
  message: webview.WebMessageExt = new webview.WebMessageExt();
  @State msg1: string = "";
  @State msg2: string = "";

  build() {
    Row() {
      Web({
        src:$rawfile("index.html"),
        controller: this.webController
      })
      .javaScriptAccess(true)
      .onPageEnd(()=>{
        // 1. 创建消息端口
        this.ports = this.webController.createWebMessagePorts(true);
        // 2. 发送端口1到HTML5
        this.webController.postMessage("init_web_messageport", [this.ports[1]], "*");
        // 3. 保存端口0到本地
        this.nativePort = this.ports[0];
        this.nativePort.onMessageEventExt((result) => {
          console.log("In ArkTS side got message");
          try {
            let type = result.getType();
            console.log("In ArkTS side getType:" + type);
            switch (type) {
              case webview.WebMessageType.STRING: {
                this.msg1 = "result type:" + typeof (result.getString());
                this.msg2 = "result getString:" + ((result.getString()));
                const response:jsonData = deserialize(jsonData,result.getString())//接受的result是一个字符串
                break;
              }
              case webview.WebMessageType.ARRAY: {
                this.msg1 = "result type:" + typeof (result.getArray());
                this.msg2 = "result getArray:" + result.getArray();
                const responseArray:jsonData[] = deserializeArray(jsonData,result.getArray().toString())//接受的result是一个数组
                break;
              }
              default: {
                this.msg1 = "default break, type:" + type;
                break;
              }
            }
          } catch (error) {
            console.error(`ErrorCode: ${error.code}, Message: ${error.message}`);
          }
        });
      })
      .height('100%')
    }
  }
}