如何利用小程序云开发搭配数据库云函数实现订阅消息功能？

前端

2024-02-02 18:29:27

前言

在微信小程序中，如果您没有学习过专门的后端语言，但仍然想实现数据存储和订阅消息功能，那么可以使用微信自带的云开发功能。它上手容易，功能强大，还可以在小程序中开发专属的情侣小程序。

正文

一、微信后台配置订阅模板

登录微信公众平台，进入“开发”->“消息管理”->“模板库”，点击“添加模板”，选择行业和模板类型。
在模板内容中，根据需要修改模板标题、内容和跳转链接。
点击“保存”，即可完成订阅模板的配置。

二、小程序云开发环境配置

在微信开发者工具中，打开需要使用订阅消息功能的小程序项目。
在项目根目录下，找到app.js文件，在onLoad函数中添加如下代码：

wx.cloud.init()

在项目根目录下，找到pages.json文件，在pages数组中添加如下代码：

{
  "path": "pages/subscribe/subscribe",
  "style": {
    "navigationBarTitleText": "订阅消息"
  }
}

三、数据库云函数创建和使用

在微信开发者工具中，点击“云开发”->“云函数”，然后点击“新建云函数”。
选择“触发器云函数”，然后在“触发器类型”中选择“数据库”，在“操作类型”中选择“增删改查”。
在“函数名称”中输入函数名称，然后点击“确定”。
在云函数代码中，添加如下代码：

exports.main = async (event, context) => {
  const { OPENID } = cloud.getWXContext()
  const db = cloud.database()
  const collection = db.collection('subscribe')
  const res = await collection.add({
    openid: OPENID,
    subscribe: true
  })
  return res
}

四、在小程序中使用订阅消息功能

在小程序页面中，添加如下代码：

wx.requestSubscribeMessage({
  tmplIds: ['模板 ID'],
  success(res) {
    if (res.errMsg === 'requestSubscribeMessage:ok') {
      // 用户已授权订阅消息
    } else {
      // 用户未授权订阅消息
    }
  }
})

拓展

使用云开发发送订阅消息：在云函数中，添加如下代码：

const res = await wx.cloud.callFunction({
  name: 'subscribeMessage',
  data: {
    openid: OPENID,
    templateId: '模板 ID',
    data: {
      thing1: {
        value: '订阅消息内容'
      }
    }
  }
})