华为H5快游戏在HarmonyOS鸿蒙Next花瓣上领取礼包有几率失败

华为H5快游戏在HarmonyOS鸿蒙Next花瓣上领取礼包有几率失败 【】问题描述

在华为快游戏项目中，按照文档接入礼包管理接口，上线后在花瓣上领取礼包跳转游戏，跳转成功后，有时候领取礼包成功有时候失败？

【】问题分析

我们发现测试时，跳转能够成功，那么deeplink链接里包名没问题。

我们再来看一下官方示例的快应用和网页双向通信的方法postMessage和onmessage。

调试日志发现：postMessage每次都是成功发送消息，没有问题。但接收方存在收不到消息的问题。

检查发现由于示例代码是在onShow生命周期里获取到礼包参数后调用postMessage发送给真正的游戏网页内部，从而发货，而网页处的代码是注册onmessage监听发过来的参数消息。

这就是发送时序的问题了——发送处代码比网页监听代码更早一步的执行。

【】怎么做

为了解决时序问题，我们调整postMessage发送的位置，原先示例文档是在onShow生命周期中，我们改为在onPageFinish中方法，调整后，通信正常。更多相关礼包介绍文档参考官网文档或请联系运营QQ2851508950获取。示例代码如下：

// 以下示例代码需添加在华为快应用IDE hello.ux文件onPageFinish中

onPageFinish: function () {    
    console.info("onshow")    
    var queryString = JSON.stringify(this.$page.query)    
    var messageEntity = {"messageId":"gift","content":this.$page.query} 
    console.info("start postMessage" + JSON.stringify(messageEntity))
    this.$element('web').postMessage({ message: JSON.stringify(messageEntity)}); 
}