【微信小程序开发】 订阅消息推送

做的小程序【口袋趣屋】中,包含了一个功能,就是用户点击按钮订阅之后,在设定的时间发送一个服务通知来提醒用户,这个功能大概最常用的地方就是提醒用户打卡,或者餐饮行业,用户排队,提醒用户入座用餐。

first 模板id

首先要在小程序管理界面找到订阅消息,添加一个模板,我用的是下面这个,以这个为例。

image.png

second 前端订阅消息

    wx.requestSubscribeMessage({
      // 传入订阅消息的模板id,模板 id 可在小程序管理后台申请
      tmplIds: [lessonTmplId],
      success(res) {
        // 申请订阅成功
        if (res[lessonTmplId] == 'accept') {   //'accept'表示用户接受;'reject'表示用户拒绝;'ban'表示已被后台封禁
        // if (res.errMsg === 'requestSubscribeMessage:ok') {
          // 这里将订阅信息存入云开发数据
          db.collection('todo_message').add({
            data: {
              page: "/your/pages", // 订阅消息卡片点击后会打开小程序的哪个页面
              data: _data, // 订阅消息的数据
              templateId: lessonTmplId, // 订阅消息模板ID
              done: false, // 消息发送状态设置为 false
              deadline: time_save
            },
            success: function (res) {
              console.log(res)
              wx.showToast({
                title: '订阅成功',
                icon: 'success',
                duration: 2000,
              });
            },
            fail: function (res) {
              console.log(res)
              wx.showToast({
                title: '订阅失败',
                icon: 'success',
                duration: 2000,
              });
            }
          })

third 设置数据库保存的数据

image.png

数据库里大概先保存类似这样的数据,其中deadline 用来判断当前时间是否应该发送,done 用来标记这条提醒是否已经处理了。

data里的三个thing1, ting2, time3 分别对应上面的模板里的详细内容。

fourth 创建处理云函数

假设微信开发工具大家都用的很溜

const cloud = require('wx-server-sdk')
cloud.init()


exports.main = async (event, context) => {
  const db = cloud.database();
  const _ = db.command


  const now_db = new Date()
  console.log(now_db)
  

  try {
    // 从云开发数据库中查询等待发送的消息列表
    const messages = await db
      .collection('todo_message')
      .where({
        done: false,
        deadline: _.lte(now_db)    // 此处筛选时间
      })
      .get();
    // 循环消息列表
    const sendPromises = messages.data.map(async message => {

      console.log(message.data.thing1)
      console.log(message)
      console.log(message.deadline)

      try {
        // 发送订阅消息
        var data = {
          thing1: {
            value: message.data.thing1.substring(0, 15) + '...'
          },
          thing2: {
            value: message.data.thing2.substring(0, 15) + '...'
          },
          time3: {
            value: message.data.time3
          },
        }
        await cloud.openapi.subscribeMessage.send({  // 此处发送
          touser: message._openid,
          page: message.page,
          data: data,
          templateId: message.templateId,
          miniprogramState: 'formal'     // 跳转小程序类型:developer为开发版;trial为体验版;formal为正式版;默认为正式版
        });
        // 发送成功后将消息的状态改为已发送
        return db
          .collection('todo_message')
          .doc(message._id)
          .update({
            data: {
              done: true,
            },
          });
      } catch (e) {
        return e;
      }
      
    });
    return Promise.all(sendPromises);
  } catch (err) {
    console.log(err);
    return err;
  }
}

**cloud.openapi.subscribeMessage.send里有一个字段 miniprogramState,一定要注意,正式版和开发版,我就忘记改了导致小程序上线后,就没有触发提醒了,还好,云函数修改比较方便,不需要再审核了 **

云函数配置

{
  "permissions": {
    "openapi": [
      "subscribeMessage.send"   // 发送提醒需要的权限
    ]
  },
  "triggers": [
    {
      "name": "sendMessagerTimer",
      "type": "timer",
      "config": "0 */5 * * * * *"   // 触发器,这个表示每5分钟触发一次,
    }
  ]
}

这个触发器感觉和正经的cron 表达式有点区别, 刚开始我写的是 * */5 * * * * *, 结果在每5分钟的时候,给我整整运行了一分钟(每秒一次)。。

总结

  1. 注意触发器的配置
  2. 模板参数有限制,有些字段的长度什么的需要注意
  3. miniprogramState 注意开发版、正式版与体验版

参考案列

下载.png


右下角对话与我联系。


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×