HarmonyOS鸿蒙Next中华为H5快游戏中快应用代码如何向网页发消息

HarmonyOS鸿蒙Next中华为H5快游戏中快应用代码如何向网页发消息 背景

在华为H5快游戏中使用快应用的能力后如何向网页传递结果呢？由于是使用快应用的能力，

因此还需要建立通信过程，向网页发送代码执行的结果，具体执行代码放到快应用的ux文件中，但结果需要通知网页端。

使用

我们都知道华为H5快游戏是使用华为快应用IDE打包的，我们可以详细看到里面的目录结构。

1：在快应用侧使用postMessage方法发送消息。

this.$element('web').postMessage({ message: 'message to Web page' });

2：在H5网页侧注册system.onmessage()监听来自快应用的消息。

window.system.onmessage = function(data) {
    console.info("onmessage data="+data);
    //todo
}

总结

双向通信不是万能的，可以让华为H5快游戏调用快应用大部分能力，如果遇到无法解决的问题，欢迎各位在此帖讨论遇到的问题和解决思路。


更多关于HarmonyOS鸿蒙Next中华为H5快游戏中快应用代码如何向网页发消息的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中华为H5快游戏中快应用代码如何向网页发消息的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，华为H5快游戏中的快应用可以通过postMessage方法向网页发送消息。首先，在快应用中使用webview组件加载网页，然后通过webview.postMessage方法发送数据。示例代码如下：

const webview = this.$element('webview');
webview.postMessage({ data: 'Hello, Web!' });

在网页端，通过监听message事件接收消息：

window.addEventListener('message', function(event) {
    console.log('Received message:', event.data);
});

确保网页和快应用在同一域名下，或跨域配置正确。

回到顶部