小程序添加订阅消息uniapp详细教程

作者 : 蜜桃源码 本文共1549个字,预计阅读时间需要4分钟 发布时间: 2020-08-26 共327人阅读
夜间模式

2020年初小程序取消了模板消息模块,全面采用订阅消息替换模板消息,那么如何去给小程序添加订阅消息变成了一个热门问题,今天给大家详细说一下如何给小程序添加订阅消息的uniapp详细教程

获取模板ID

这一步不需要技术操作,只需要在后台设置推送信息的模板,稍微设置一下就可以了,如果没有合适的模板,可以申请添加新模板,审核通过后可使用。

在创建成功后会生成一个模板ID,复制下来就行,后面需要用到。

获取下发权限

这里需要调用小程序订阅hu消息的api,我用的uniapp开发,可以多端兼容,qq微信抖音都可以支持。需要将它绑定在点击事件中,通过点击的获取订阅消息下发权限,代码如下

  1. uni.requestSubscribeMessage({
  2. tmplIds: [‘SMakIPqywUEUIyzLK78Kq69KMk4zj91WReAYBF-AA3c’],
  3. success(res) {
  4. console.log(‘已授权接收订阅消息’)
  5. }
  6. })

注:在获取权限之前,需要用户已经登录,或者已记录过用户的openid,因为发送订阅消息是通过用户的openid进行下发,如果没有用户openid,用户是无法获取到订阅消息的。

调用接口下发订阅消息

这里我采用的是uniapp云开发,下次会提供一个PHP的演示代码,不过如果明白原理之后基本上是一样的。

获取接口调用凭证

和小程序登录一下,也需要获取订阅消息的接口调用凭证,才可以进行发送,代码如下:

  1. const apiUrl = ‘https://api.weixin.qq.com/cgi-bin/token’;
  2. const access = await uniCloud.httpclient.request(apiUrl, {
  3. method: ‘GET’,
  4. dataType: “json”,
  5. data: {
  6. ‘grant_type’: ‘client_credential’,
  7. ‘appid’: ‘xxxxxxxxxxxxx’, //小程序的id
  8. ‘secret’: ‘xxxxxxxxx’, //小程序的secret
  9. }
  10. });
  11. const token = access.data.access_token

下发订阅消息

获取到小程序接口调用凭证就可以进行订阅消息下发了,代码如下:

  1. const subscribeUrl = ‘https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=’ + token;
  2. const subscribe = await uniCloud.httpclient.request(subscribeUrl, {
  3. method: ‘POST’,
  4. contentType: “json”,
  5. dataType: “json”,
  6. data: {
  7. “touser”: “xxxxxxxx”, //需要下发的用户openid
  8. “template_id”: “xxxxxxxx”, //订阅消息id
  9. “page”: “pages/index/index”, //点击订阅消息后进入的页面,可以带参数
  10. “miniprogram_state”: “developer”, // 进入小程序的版本
  11. “data”: {
  12. “thing2”: {“value”: “测试推送”},
  13. “date1”: {“value”: ‘2015年01月05日’}
  14. }
  15. }

注:data中的参数在开发者文档中都说明的很消息,如果不明白可以去看看文档的说明。我在调试过程中也出现了各种花里胡哨的问题,不过上述代码是我验证成功后的代码,可以完全实现小程序订阅消息的推送。

上述代码只能给一个用户发送订阅消息,大家可以通过for循环等方式给每个已订阅的用户发送推送消息,这不是今天所讲述的内容,就不用代码演示了,以上就是完整的uniapp小程序添加订阅消息的教程。

本文由蜜桃源码网整理自网络,如有侵权请联系本站删除! 如需转载请注明出处:https://www.mitaobo.com ====================================================================================== 本站声明:
1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;

2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!

3、本站默认解压密码 @www.mitaobo.com

蜜桃源码网 » 小程序添加订阅消息uniapp详细教程

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
解压密码
本站默认解压密码:@www.mitaobbo.com

发表评论