微信小程序订阅消息发送消息,点击消息进入小程序页面_小程序订阅消息后如何点击模版跳转到详情页
1、在小程序官网订阅消息选用或创建消息模板获取模板ID可多个
如图:
2、微信小程序前端页面发送请求订阅权限
请求模板id的权限可以是一个可以是多个,用户同意订阅,获取code传递给后端——后端拿到code生成唯一的openid用于发送订阅消息
注意:这里用户拒绝了订阅消息我也传递了code但是并不能发送给用户消息(避免打扰),后续客户如果手动开启订阅消息即可接收不需重新获取code
前端请求权限部分代码:
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调用接口传给后端后端生成openidgetCode() { 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); } });},
后端发送订阅消息及跳转路径
// 示例代码(云函数或服务端调用)const result = await cloud.openapi.subscribeMessage.send({ touser: \'用户openid\', templateId: \'模板ID\', page: \'pages/login/login\', // 这里填写登录页面的路径 data: { // 模板参数... }});
注意:
1、在 app.json
的 pages
字段中,需包含登录页的路径配置(如 \"pages/login/login\"
),否则跳转会失败
2、若需要带参数跳转:若需传递参数(如来源标识),可在路径中添加,例如 pages/login/login?from=notification
3、消息是由后端发送。
最后真机测试,发送通知消息。