华为H5快游戏接入快应用激励视频介绍 HarmonyOS 鸿蒙Next

华为H5快游戏接入快应用激励视频介绍 HarmonyOS 鸿蒙Next 背景

在华为H5快游戏和快应用之间存在双向消息通道，所以从理论上提供了华为H5快游戏调用快应用激励视频的可能。

下面我们来介绍如何具体实现激励视频的播放。

使用

快应用侧：

1、在快应用侧的hello.ux文件中web组件上注册onmessage事件监听网页请求播放激励视频的消息。

检查hello.ux的web组件上是否存在onmessage=”onMessage”，如果没有需要添加。

注意load方法是请求广告，一般激励视频是预加载，可以放到初始化中调用load方法。

而show方法是真正播放激励视频的方法，推荐在播放广告时，可以请求下一次激励视频。

处理函数onMessage示例代码如下：

onMessage(e) {
  console.info('onmessage e = ' + e.message + ", url = " + e.url);
  let that = this;
  var msg=e.message;
  if(msg===' rewardAd '){
    // todo
    that.requestRewardedAd()
  }
},
requestRewardedAd() {
  requestRewardedAd.load();
  requestRewardedAd.show()
},

同时需要在快应用生命周期onInit里声明RewardedAd的定义以及各种监听事件，如onClose，onLoad，onError。

切务在非生命周期函数外监听否则可能导致初始化失败。

onInit() {
  requestRewardedAd = ad.createRewardedVideoAd({ adUnitId: "testx9dtjwj8hp" });
  requestRewardedAd.onClose(() => {
    console.info("rewarded video ad onClose");
  })
  requestRewardedAd.onLoad(() => {
    console.info("rewarded video ad onLoad");
  })
  requestRewardedAd.onError(() => {
    console.info("rewarded video ad onError");
  })
},

2、在H5网页侧发送消息

网页使用system.postMessage()向快应用发送消息，在在script脚本中发送

示例代码如下：

system.postMessage("rewardAd ");

总结

华为H5快游戏接入激励视频可以通过web的双向通信来调用快应用端的激励视频接口来解决问题，上面只是做了简单演示，并未做销毁广告，注销监听实例的监听等操作，

实际销毁时，需要对实例对象调用offLoad，offClose，destroy方法处理。如果对此感兴趣和疑问，欢迎在下方留言评论。