微信小程序订阅消息发送消息,点击消息进入小程序页面

1、在小程序官网订阅消息选用或创建消息模板获取模板ID可多个

如图:

2、微信小程序前端页面发送请求订阅权限

请求模板id的权限可以是一个可以是多个,用户同意订阅,获取code传递给后端------后端拿到code生成唯一的openid用于发送订阅消息

注意:这里用户拒绝了订阅消息我也传递了code但是并不能发送给用户消息(避免打扰),后续客户如果手动开启订阅消息即可接收不需重新获取code

前端请求权限部分代码:

javascript 复制代码
wx.requestSubscribeMessage({
					tmplIds: [
						'模板id1',
						'模板id2',
						'模板id3'
						],
					success: (res) => {
					  if (res['模板id'] == 'accept') {
						console.log('用户同意订阅');
						this.getCode(); // 同意后获取code
					  } else {
						console.log('用户拒绝订阅');
						this.getCode();//同样把code给到后端避免后面开启通知拿不code
					  }
					},
					fail: (err) => {
					  console.error('订阅失败:', err);
					}
				});
//获取code调用接口传给后端后端生成openid
getCode() {
			    wx.login({
			      success: (loginRes) => {
			        console.log('获取code:', loginRes.code);
			        // 将code发送到后端处理
					const params = {
						code:loginRes.code,
						userId:uni.getStorageSync('user_id'),
					}
					// 将code发送到后端处理
					this.$http.get(this.sendCode, {params:params}).then(res => {
						console.log('codegei后端后',res);
					})
			      },
			      fail: (err) => {
			        console.error('登录失败:', err);
			      }
			    });
			},

后端发送订阅消息及跳转路径

javascript 复制代码
// 示例代码(云函数或服务端调用)
const result = await cloud.openapi.subscribeMessage.send({
  touser: '用户openid',
  templateId: '模板ID',
  page: 'pages/login/login', // 这里填写登录页面的路径
  data: {
    // 模板参数...
  }
});

注意:

1、在 app.jsonpages 字段中,需包含登录页的路径配置(如 "pages/login/login"),否则跳转会失败

2、若需要带参数跳转:若需传递参数(如来源标识),可在路径中添加,例如 pages/login/login?from=notification

3、消息是由后端发送。

最后真机测试,发送通知消息。

相关推荐
流***陌3 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
Tencent_TCB3 小时前
云开发CloudBase AI+实战:快速搭建AI小程序全流程指南
人工智能·ai·小程序·ai编程·云开发
说私域6 小时前
“开源AI大模型AI智能名片S2B2C商城小程序”视角下的教育用户策略研究
人工智能·小程序
2501_916007478 小时前
提升 iOS 26 系统流畅度的实战指南,多工具组合监控
android·macos·ios·小程序·uni-app·cocoa·iphone
一匹电信狗11 小时前
【MySQL】数据库表的操作
linux·运维·服务器·数据库·mysql·ubuntu·小程序
2501_9159214314 小时前
iOS 应用代上架流程,多工具组合与使用 开心上架 跨平台自动化上传指南
android·ios·小程序·uni-app·自动化·cocoa·iphone
知识分享小能手14 小时前
uni-app 入门学习教程,从入门到精通,uni-app组件 —— 知识点详解与实战案例(4)
前端·javascript·学习·微信小程序·小程序·前端框架·uni-app
Q_Q196328847515 小时前
python+uniapp基于微信小程序的助眠小程序
spring boot·python·小程序·django·flask·uni-app·node.js
韩立学长17 小时前
基于微信小程序的公益捐赠安全平台9hp4t247 包含完整开发套件(程序、源码、数据库、调试部署方案及开发环境)系统界面展示及获取方式置于文档末尾,可供参考。
数据库·微信小程序·小程序
2501_9159184118 小时前
iOS 混淆与 IPA 加固一页式行动手册(多工具组合实战 源码成品运维闭环)
android·运维·ios·小程序·uni-app·iphone·webview