当前位置: 首页 > news >正文

微信小程序触发订阅消息

 <view  @click="handlego">点击订阅</view>
onMounted(async () => {getToken()handleLogin()
})const messToken = ref('')
const openid = ref('')// 获取接口调用凭证
function getToken() {return wx.request({url: 'https://api.weixin.qq.com/cgi-bin/token',method: 'get',data: {grant_type: 'client_credential',  // 写死appid: '',secret: '',},success: (res) => {messToken.value = res.data.access_token},fail: (err) => {},})
}// 登录 获取openid
function handleLogin() {uni.login({success: (res) => {uni.request({url: 'https://api.weixin.qq.com/sns/jscode2session',method: 'get',data: {grant_type: 'authorization_code',appid: '',js_code: res.code,  // 登录凭证secret: '',},success: (res) => {openid.value = res.data.openid},fail: (err) => {},})},})
}// 触发订阅
async function handlego() {wx.requestSubscribeMessage({tmplIds: ['template_id'], // 替换为实际模板IDsuccess: (res) => {if (res['template_id'] === 'accept') {console.log('用户同意订阅')// 调用接口,传递用户数据和模板参数
          sendToBackend()} else {console.log('用户拒绝授权')}},fail: (err) => {console.error('订阅失败', err)},})}// 发送消息
function sendToBackend() {wx.request({url: `https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=${messToken.value}`,method: 'POST',data: {access_token: messToken.value,touser: openid.value, //  openidtemplate_id: '',   // 消息模版idpage: 'pages/index/index', // 用户点击消息跳转的页面
      data: {name1: { value: '吕明' }, // 模板字段需与后台配置一致thing6: { value: '666项目' }, // 模板字段需与后台配置一致date5: { value: '2025-09-09 12:00' },},},success: (res) => {console.log('后端处理成功', res.data)},fail: (err) => {console.error('后端请求失败', err)},})
}

官方文档:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html#%E8%AE%A2%E9%98%85%E6%B6%88%E6%81%AF%E8%AF%AD%E9%9F%B3%E6%8F%90%E9%86%92

步骤:

1. 在小程序后台,订阅消息里面选用消息模版,注意勾选字段。

图片

 

2. 代码我用的vue3uniapp,使用效果如图:

图片

 

http://www.zskr.cn/news/975.html

相关文章:

  • MySQL锁
  • AI智能体(Agent)开发实战:工业级项目案例驱动课
  • java 开发中VO、PO、DO、DTO、BO、QO、DAO、POJO
  • JDK 24软件介绍
  • 数据跨境学习笔记
  • NOIP 模拟赛十三
  • 目录导航
  • archlinux gnome48 顶部托盘选择
  • 第8章 STM32CUBE LCD配置和测试
  • Git的使用方法
  • 微算法科技(NASDAQ: MLGO)采用量子相位估计(QPE)方法,增强量子神经网络训练
  • DeepSeek文案短句:点燃创意火花
  • 如何通过Python SDK 统计Collection
  • 小程序web-view全覆盖问题
  • MySQL触发器
  • nvm下载与安装(Windows)
  • OSI 七层协议 和四层协议
  • 罗氏线圈的 “磁场烦恼”:干扰并非无解,防护有章可循
  • UOJ671 笔记
  • conda安装虚拟环境或者包时候都一个常见问题--HTTP 000 CONNECTION FAILED
  • 接口测试
  • 【IEEE出版】第四届传感器技术与控制国际研讨会(ISSTC 2025)
  • 解构 MyEMS:开源能源管理系统的核心特性与价值图谱
  • 在Spring Boot Admin中根据Nacos的命名空间来区分和管理不同的环境
  • npm 无法加载文件npm.ps1
  • 蜘蛛池出租的使用效果 - 蚂蚁站群
  • 【前端开发】windows激活自测可用,office也可激活
  • PostgreSQL 大对象管理指南:pg_largeobject 从原理到实践
  • 2025最新整理 UG NX 2506保姆级超详细下载安装激活教程(附安装包下载)
  • REACT