借助云开发实现小程序订阅消息（模板消息）推送功能

时间 2020-03-18

标签借助开发实现程序订阅消息模板推送功能繁體版

原文原文链接

以前的模板消息推送，将在2020年1月10日下线，因此咱们不得不使用订阅消息了。html

咱们先来看下订阅消息的官方简介。

接下来咱们就来借助云开发，来快速实现小程序消息推送的功能。编程

一：获取模板 ID

这一步和咱们以前的模板消息推送是同样的，也是先添加模板，而后拿到模板id

首先是开通订阅消息功能，很简单，以下图

因为长期性订阅消息，目前仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，后期将逐步支持到其余线下公共服务业务。仅就线下公共服务这一点，长期性订阅消息就和大部分开发者无缘了。
因此咱们这里只能以使用一次性订阅消息为例。

如上图，咱们从公共模板库里选择一个一次性订阅的模板。而后编辑模板以下图

下图就是咱们添加好的模板，下图的模板id就是咱们须要的。
json

二，请求用户受权

咱们作订阅消息受权时，只能是用户点击或者支付完成后才能够调起来受权弹窗，官方是这么要求的：

咱们这里用到了wx.requestSubscribeMessage这个方法，来获取用户的受权。小程序

1，编写index.wxml代码
2，编写index.js代码,实现点击获取受权

这一步tmplIds里的一串字符，就是咱们本身添加的模板id
3，点击按钮运行效果以下
开发者工具模拟器上点击受权弹窗是这样的：

手机上的受权弹窗是这样的：

能够看到，这里显示的就是咱们添加的 ‘上课提醒’的模板。
细心的同窗能够看到，真机上多了一个 ‘老是保持以上选择，再也不询问’
其实，你本身仔细多品一些。也能明天，咱们正常订阅消息受权时，用户容许的话，你只能推送一次消息。也就是用户容许一次，咱们就能够推送一条消息给用户，而且这个容许不存在过时。因此咱们可让用户尽可能多的点击容许，这样咱们就能够尽可能多的给用户发送消息了。
这里用户容许后，咱们就能够给用户推送消息了，接下来咱们来借助云开发的云函数来实现消息推送功能。

三，获取用户的opneid

先来看官方爸爸是怎么说的。

能够看出官方提供了两种方式，咱们这里使用云调用。说白了就是在云函数里调用推送功能。api

推送所需参数

能够看到我这里用来openapi功能，而且须要用到用户的opneid，关于openid的获取，我以前有写过文章，也录过视频的。文章的话，你们去翻下我历史的文章，视频的话，点击这个便可：《借助云函数获取用户openid》
这里的openid的获取我就再也不详细讲解了，把对应云函数的代码给你们贴出来。

在使用云开发时，有几点须要注意的
1，须要在project.config.json里建立云函数目录以下图
2，须要在app.js里初始化云开发环境

至于云开发的环境id从哪里拿，我视频里也讲过不少遍了，直接去看我视频或者翻看我历史文章便可。
《零基础入门云开发视频》

四，用云函数实现消息推送

咱们只须要建立一个云函数以下，而后填入用户的openid，要跳转的小程序页面连接，模板内容，模板id便可。一般这些数据都应该传进来，简单起见，我就把这里的模板内容写成固定的。
app

注意：我在编写上面的代码时，推送内容的key必须和小程序模板里的key保持一致，不然就会报以下错误。

而后看下调用这个云函数的地方

若是用户没有受权，咱们推送会报以下错误

若是用户受权过，咱们就能够成功推送了，推送后的打印日志以下

还记得咱们真机上的受权吗，若是用户只是点击了容许，没有选择一直容许，那我咱们在推送成功一次后，若是再次推送，就须要用户从新受权。不然，仍是会报这个错误的

因此咱们用户点击一次容许，咱们就能够推送一次消息，好比，我点击了4次容许那么我就能够成功的推送4次

效果图

能够看到，咱们成功的收到上课提醒的模板消息，点击进去，就是咱们具体的推送内容

其实我这是连续收到了4条消息，由于我点击了4次容许推送，因此就能够成功的推送4次。async

到这里咱们就完整的实现模板消息推送功能了，下面我把主要代码贴给你们，你们也能够私信我获取完整源码。

index.wxml

<button bindtap="shouquan" type='primary'>获取订阅消息受权</button>
<button bindtap="getOpenid">获取用户的openid并推送消息</button>

index.js

//编程小石头wechat：2501902696
Page({
//获取受权的点击事件
shouquan() {
wx.requestSubscribeMessage({
  tmplIds: ['CFeSWarQLMPyPjwmiy6AV4eB-IZcipu48V8bFLkBzTU'], //这里填入咱们生成的模板id
  success(res) {
    console.log('受权成功', res)
  },
  fail(res) {
    console.log('受权失败', res)
  }
})
},
//获取用户的openid
getOpenid() {
wx.cloud.callFunction({
  name: "getopenid"
}).then(res => {
  let openid = res.result.openid
  console.log("获取openid成功", openid)
  this.send(openid)
}).catch(res => {
  console.log("获取openid失败", res)
})
},
//发送模板消息到指定用户,推送以前要先获取用户的openid
send(openid) {
wx.cloud.callFunction({
  name: "sendMsg",
  data: {
    openid: openid
  }
}).then(res => {
  console.log("推送消息成功", res)
}).catch(res => {
  console.log("推送消息失败", res)
})
}
})

推送对应的云函数

//编程小石头wechat：2501902696
const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async(event, context) => {
try {
const result = await cloud.openapi.subscribeMessage.send({
  touser: event.openid, //要推送给那个用户
  page: 'pages/index/index', //要跳转到那个小程序页面
  data: {//推送的内容
    thing1: {
      value: '小程序入门课程'
    },
    thing6: {
      value: '杭州浙江大学'
    },
    thing7: {
      value: '第一章第一节'
    }
  },
  templateId: 'CFeSWarQLMPyPjwmiy6AV4eB-IZcipu48V8bFLkBzTU' //模板id
})
console.log(result)
return result
} catch (err) {
console.log(err)
return err
}
}

后面我会分享更多小程序相关的知识出来，请持续关注。ide

视频讲解：https://edu.51cto.com/course/19575.html函数