[移动开发]uniapp 小程序 加载显示激励视频广告

uniapp激励广告文档：uni-app官网https://uniapp.dcloud.io/api/a-d/rewarded-video微信官网激励广告文档：激励视频广告 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

封装激励视频广告代码，在根目录创建common =>?Utils.js

Utils.js代码

// 在页面中定义激励视频广告
var videoAd = null;
let rewarded = {
	//id就是传入的广告位id
	load(id) {
		if (uni.createRewardedVideoAd) {
			videoAd = uni.createRewardedVideoAd({
				adUnitId: id
			})
			videoAd.onLoad(() => {
				 console.log('激励视频 广告加载成功')
			})
			videoAd.onError((err) => {
				console.log('onError event emit')
			})
			videoAd.onClose((res) => {
				// 用户点击了【关闭广告】按钮
				if (res && res.isEnded) {
					// 正常播放结束，可以下发游戏奖励
				} else {
					// 播放中途退出，不下发游戏奖励
				}
			})
		}
	},
	show() {
		if (videoAd) {
			videoAd.show().catch(() => {
				// 失败重试
				videoAd.load()
					.then(() => videoAd.show())
					.catch(err => {
						console.log('激励视频 广告显示失败')
					})
			})
		}
	}
}

module.exports = {
	rewarded
};

在需要调用激励视频的页面中，调用Utils.js

import Utils from '../../common/Utils.js'

在onLoad()方法中进行加载激励视频

激励视频广告位id：需要在小程序公众平台=》推广=》流量主=》广告管理 去创建

//加载激励广告
Utils.rewarded.load('激励视频广告位id');

在methods写点击事件showAd()，例如点击某个按钮，触发点击事件，显示激励视频

showAd(){			
	//显示激励视频
	Utils.rewarded.show();
}