李成笔记网

创建微信小程序时，您可以为其添加订阅消息和推送通知功能，以便与用户进行实时的交互和通知。在本文中，我将为您提供详细的代码案例，来帮助您添加这些功能。

先决条件 在开始之前，您需要具备以下先决条件：

一个可用的微信小程序账户。小程序已经部署并运行在您的开发环境中。

添加订阅消息功能 订阅消息功能可用于向用户发送自定义的模板消息。以下是添加订阅消息功能的步骤：

登录微信公众平台（）。在左侧导航栏中，选择“开发” > “开发设置”。在“订阅消息”配置项中，选择“添加模板”。系统将跳转到模板消息页面。点击“添加模板”按钮，填写模板标题和内容，并选择相关的消息类目。点击“提交审核”按钮，等待审核通过。

一旦模板审核通过，您就可以在小程序中调用订阅消息的相关接口来发送消息给用户了。以下是一个代码示例：

在小程序的页面中，添加一个按钮，用于触发发送订阅消息的功能。

发送订阅消息

在小程序的js文件中，编写发送订阅消息的函数。

Page({
  sendSubscribeMessage: function() {
    wx.requestSubscribeMessage({
      tmplIds: ['your-template-id'],
      success(res) {
        if (res['your-template-id'] === 'accept') {
          // 用户同意订阅，可以向用户发送消息了
          wx.cloud.callFunction({
            name: 'sendSubscribeMessage',
            data: {
              openid: wx.getStorageSync('openid')
            },
            success(res) {
              console.log(res)
            },
            fail(err) {
              console.error(err)
            }
          })
        } else {
          // 用户拒绝订阅，给用户一个提示
          wx.showToast({
            title: '请开启订阅消息功能',
            icon: 'none',
            duration: 2000
          })
        }
      },
      fail(err) {
        console.error(err)
      }
    })
  }
})

在小程序的云函数中，编写发送订阅消息的逻辑。

const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
  const { OPENID } = cloud.getWXContext()
  try {
    const result = await cloud.openapi.subscribeMessage.send({
      touser: OPENID,
      templateId: 'your-template-id',
      page: 'pages/index/index',
      data: {
        // 模板消息的参数
      }
    })
    return result
  } catch (err) {
    console.error(err)
    return err
  }
}

这样，当用户点击发送订阅消息按钮时，会弹出一个订阅消息的授权框，用户可以选择是否同意订阅。如果用户同意订阅，就会向用户发送一个自定义的模板消息。

添加推送通知功能 推送通知功能可用于向用户发送实时的通知，例如活动提醒、新消息通知等。以下是添加推送通知功能的步骤：

在微信公众平台中，选择“开发” > “小程序管理”。在左侧导航栏中，选择“消息推送” > “模板库”。系统将跳转到模板消息页面。点击“添加模板”按钮，填写模板标题和内容，并选择相关的消息类目。点击“确定”按钮，等待审核通过。

一旦模板审核通过，您就可以在小程序中调用推送通知的相关接口来发送通知给用户了。以下是一个代码示例：

在小程序的页面中，添加一个按钮，用于触发发送推送通知的功能。

发送推送通知

在小程序的js文件中，编写发送推送通知的函数。

Page({
  sendPushMessage: function() {
    wx.request({
      url: 'https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=ACCESS_TOKEN',
      method: 'POST',
      data: {
        touser: wx.getStorageSync('openid'),
        template_id: 'your-template-id',
        page: 'pages/index/index',
        data: {
          // 模板消息的参数
        }
      },
      success(res) {
        console.log(res)
      },
      fail(err) {
        console.error(err)
      }
    })
  }
})

在小程序的云函数中，编写发送推送通知的逻辑。

const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
  const { OPENID } = cloud.getWXContext()
  try {
    const result = await cloud.openapi.subscribeMessage.send({
      touser: OPENID,
      templateId: 'your-template-id',
      page: 'pages/index/index',
      data: {
        // 模板消息的参数
      }
    })
    return result
  } catch (err) {
    console.error(err)
    return err
  }
}

这样，当用户点击发送推送通知按钮时，会直接发送一条推送通知给用户。

总结 通过以上步骤，您可以为微信小程序添加订阅消息和推送通知的功能。订阅消息功能可以用于向用户发送自定义的模板消息，推送通知功能可以用于发送实时的通知。请注意，在使用这些功能时需要遵循微信的规范和限制，例如每天的发送次数、发送内容的合规性等。

希望这篇文章对您有所帮助！如果您有任何问题，请随时提问。