用Web Message Channels方式时与js相互通信失败

**【任务描述】**
用Web Message Channels方式时与js相互通信失败
**【解决方案】**
插件中存在3个问题：
1、根据官方demo建立通信时，执行下面到鸿蒙代码会报错
```
// transfer port2 to the webpage to initialize the communication
await controller.postWebMessage(message:WebMessage(data: "capturePort", ports: [port2]),targetOrigin: WebUri("*"));
```
经过调试发现flutter_inappwebview_ohos/ohos/src/main/ets/components/plugin/types/WebMessageCompatExt.ets文件下
```
if (portMapList != null && !portMapList.isEmpty()) 
```
portMapList.isEmpty()会报异常，解决方案是修改isEmpty为length
```
if (portMapList != null && portMapList.length != 0) 
```

2、dart向web发送消息失败
这个问题在flutter_inappwebview_ohos/ohos/src/main/ets/components/plugin/webview/web_message/WebMessageChannel.ets文件中的postMessageForInAppWebView方法中，
```
 let webMessageExt: web_webview.WebMessageExt = new web_webview.WebMessageExt()
          webMessageExt.setString(data != null ? data.toString() : null)
          webMessageExt.setType(web_webview.WebMessageType.STRING)
          port.postMessageEventExt(webMessageExt);
```
代码中存在第一个问题是setType要放在setString前边，要不然会抛异常，第二个问题data本就是字符串类型了在toString()回报错。这两个语法逻辑问题解决后port.postMessageEventExt(webMessageExt);还会报异常，这个貌似是鸿蒙底层逻辑问题，代码本次不存在问题了。
最终解决方案为port.postMessageEvent(data)直接回传数据

3、最后一个问题是鸿蒙系统和android系统的差异问题
在flutter_inappwebview_ohos/ohos/src/main/ets/components/plugin/types/WebMessageCompatExt.ets中，
fromMapWebMessageCompat里message.getType()返回值存在系统差异，鸿蒙中getType()字符串类型返回1，而android中字符串返回0，为保持一致需要修改鸿蒙系统中
message.getType()也返回0
参考：
[android](https://developer.android.com/reference/androidx/webkit/WebMessageCompat)
[ohos](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-webview-V13#webmessagetype10)

OpenHarmony-SIG/flutter_inappwebview
关闭

内容风险标识

评论 (0)

OpenHarmony-SIG/flutter_inappwebview关闭 .gitee-modal { width: 500px !important; }

内容风险标识