视频教程

uniapp是一款使用 Vue.js 开发跨平台应用的前端框架，可以全端兼容小程序平台和APP端，不管网上评论如何，但是本人表示利用uniapp开发小程序还是挺不错的，而大多小程序都是通过流量主获取收益，而收益效果最好的无疑就是激励视频广告，这里给大家写一个关于uniapp给全端小程序添加激励视频广告的详细教程。 前提说明 在教程之前先给大家说一个比较实用的小技巧，由于小程序最开始起源于微信小程序，所以很多平台都是借鉴了微信小程序的框架，为了汇集用户，甚至还可以兼容微信小程序的代码，所以在字节跳动小程序，QQ小程序中都可以wx.api类似的API，而支付宝小程序又没有激励广告，百度小程序我接触的也少。也就是说如果直接采用微信小程序的广告代码，可以同时兼容多个平台的广告。 定义videoAd 如果知道了前提中的技巧，那么uniapp给小程序添加激励视频广告几乎就是非常简单的事情了。第一步还是先定义videoAd，如果不知道放在哪，可以直接写在<script>下方，如下图位置     加载激励广告 在定义完videoAd后，我们在定义一个激励广告加载函数，其实可以直接写在onload函数中，但是由于onload可能还需要加载一些其他的函数，如果直接写在里面的话不利于后期维护，代码看着也不美观，所以直接定义一个广告加载函数，通过this直接调用，这样方便。代码如下： adLoad: function() { if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: “xxxxxxxxxxx” //你的广告key }) videoAd.onError(err => {}) videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { //这里写广告播放完成后的事件 } else {} }) } },...

uniapp云开发版小程序订阅消息的添加教程，但是考虑到使用uniapp云开发的用户比较少，今天给大家写一个PHP版小程序添加订阅消息详细教程，比较简单，只是单纯的为了实现功能而写的，什么框架都没有使用，单纯的PHP代码。 创建订阅消息id 直接在小程序后台添加订阅消息就可以获取到小程序ID了，如果没有合适的模板，可以申请添加新模板，审核通过后可使用。 获取下发权限 获取下发权限属于前端内容，所以和昨天的方法是一样的，只需要调用订阅消息API就可以了，代码如下： wx.requestSubscribeMessage({ tmplIds: [‘xxxxxxxxx’], //订阅消息ID success(res) { console.log(‘已授权接收订阅消息’) } }) 注：各个平台方法类似，只是API前缀不同而已，如果是QQ小程序就改为qq.requestSubscribeMessage,抖音小程序同理。在获取下发权限之前，需要先获取到用户的openID，因为订阅消息是根据用户openID来发送的。 下发订阅消息 原理和uniapp云开发是一样的，首先获取到订阅消息的接口调用凭证，也就是access_token，然后再下发订阅消息。 获取接口凭证 这里我直接写成了一个函数，只需要access_token了，代码如下： function getAccesscode() { $appid = “xxxxxx”; //小程序appid $secret = “xxxxxxxxxxxx”; //小程序secret $url = sprintf(‘https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=%s&secret=%s’, $appid, $secret); $info = file_get_contents($url); $json = json_decode($info); $arr = get_object_vars($json); $accesscode =...

2020年初小程序取消了模板消息模块，全面采用订阅消息替换模板消息，那么如何去给小程序添加订阅消息变成了一个热门问题，今天给大家详细说一下如何给小程序添加订阅消息的uniapp详细教程 获取模板ID 这一步不需要技术操作，只需要在后台设置推送信息的模板，稍微设置一下就可以了，如果没有合适的模板，可以申请添加新模板，审核通过后可使用。 在创建成功后会生成一个模板ID，复制下来就行，后面需要用到。 获取下发权限 这里需要调用小程序订阅hu消息的api，我用的uniapp开发，可以多端兼容，qq微信抖音都可以支持。需要将它绑定在点击事件中，通过点击的获取订阅消息下发权限，代码如下 uni.requestSubscribeMessage({ tmplIds: [‘SMakIPqywUEUIyzLK78Kq69KMk4zj91WReAYBF-AA3c’], success(res) { console.log(‘已授权接收订阅消息’) } }) 注：在获取权限之前，需要用户已经登录，或者已记录过用户的openid,因为发送订阅消息是通过用户的openid进行下发，如果没有用户openid，用户是无法获取到订阅消息的。 调用接口下发订阅消息 这里我采用的是uniapp云开发，下次会提供一个PHP的演示代码，不过如果明白原理之后基本上是一样的。 获取接口调用凭证 和小程序登录一下，也需要获取订阅消息的接口调用凭证，才可以进行发送，代码如下： const apiUrl = ‘https://api.weixin.qq.com/cgi-bin/token’; const access = await uniCloud.httpclient.request(apiUrl, { method: ‘GET’, dataType: “json”, data: { ‘grant_type’: ‘client_credential’, ‘appid’: ‘xxxxxxxxxxxxx’, //小程序的id ‘secret’: ‘xxxxxxxxx’, //小程序的secret } }); const...