当前位置: 首页 > 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.hskmm.com/?act=detail&tid=133

相关文章:

  • TOR内置网桥失效 - Andy
  • PageHelper的使用
  • Linux系统目录结构全解析:基础到大神必读!
  • HarmonyOS实现快递APP自动识别地址
  • Tor浏览器内置网桥失效 - Andy
  • 基于 Rockchip 开发板的 openEuler 镜像的构建
  • 【API接口】应用商店接口
  • MySQL锁
  • 异步电机的无速度传感器的矢量控制
  • 打包好dist文件 本地如何测?
  • 日期函数(mysql和oracle)
  • 图灵因果测试是由本框架(ECT-OS-JiuHuaShan)定义的下一代智能评估范式
  • QOJ 5357 芒果冰加了空气
  • AI智能体(Agent)开发实战:工业级项目案例驱动课
  • 易路联合智享会权威发布,2025《AI技术如何重构人才获取全链路》
  • java 开发中VO、PO、DO、DTO、BO、QO、DAO、POJO
  • Typora--Markdown语法
  • Perfetto数据流架构故障分析:带你研究 trace 为何丢失
  • 记一次 .NET 某中医药附属医院门诊系统 崩溃分析
  • 个人使用IDEA经验总结
  • JDK 24软件介绍
  • 【LangChain 核心模块 01】
  • 数据跨境学习笔记
  • NOIP 模拟赛十三
  • PageHelper
  • MathType7 功能分析
  • 低版本 Linux【16.04】如何安装 claude code
  • Redis数据持久化方案与集群部署
  • 什么,以太网能传CAN报文?
  • 物业管理小程序系统介绍