uniapp微信小程序订阅消息发送服务通知--超详细

uniapp微信小程序订阅消息发送服务通知

实现思路:

首先要实现这个需求,最直接的办法就是去wx的官方文档中搜索相关文档以及API介绍,在wx小程序官方文档中搜索订阅消息即可看到小程序订阅消息的介绍

订阅消息可以分为以下几种

1. 一次性订阅消息

一次性订阅消息用于解决用户使用小程序后,后续服务环节的通知问题。用户自主订阅后,开发者可不限时间地下发一条对应的服务消息;每条消息可单独订阅或退订。

2. 长期订阅消息

一次性订阅消息可满足小程序的大部分服务场景需求,但线下公共服务领域存在一次性订阅无法满足的场景,如航班延误,需根据航班实时动态来多次发送消息提醒。为便于服务,我们提供了长期性订阅消息,用户订阅一次后,开发者可长期下发多条消息。

目前长期性订阅消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放,后期将逐步支持到其他线下公共服务业务。

3. 设备订阅消息

设备订阅消息是一种特殊类型的订阅消息,它属于长期订阅消息类型,且需要完成「设备接入」才能使用。

设备订阅消息用于在设备触发某些需要人工介入的事件时(例如设备发生故障、设备耗材不足等),向用户发送消息通知。详见设备订阅消息文档。

这里根据自己的需求去选择就好了,一般都是一次性订阅消息,根据官网文档我针对细节做一个补充


实现步骤:


1.获取模板id


2.获取下发权限

methods:{
          
   
	Subscribe(){
          
   
		uni.requestSubscribeMessage({
          
   
			//此处填写刚才申请模板的模板ID
		  	tmplIds: [ZcsAH2vJKgKocfQw8e2Phhz-8FzPQgfT_5ehxwic4ck],
		  	success (res) {
          
   
		  		console.log(res)
		  	}
		})
	}
}

在methods中定义此方法,可以通过点击事件绑定方法,作为测试。 在开发者工具和真机调试的效果是不一样的,要上真机调试才是实际效果 打印res可以看到,accept表示同意,reject表示拒绝


3. 调用接口发订阅消息

通过查看文档可以知道必须必填为4个参数,这里的四个参数需要仔细看。文档只告诉你需要填这四个,具体怎么来就需要自己一步步去得到了。

3.1、access_token:

这里需要向wx的一个接口发送请求,需要传入appid和secret,此步用来获取access_token,有效期为2小时


如果忘记了小程序密钥,点击重置就行,然后记得保存

PS:此处的获取token请求,建议是放到后端去做,否则secret定在前端,上线提交会被标注风险驳回


3.2 touser

touser参数就是需要接收订阅消息的用户id,获取用户id首先需要登录获取用户的code,再利用code去获取用户id

// 先让用户登录,此user_login方法可以放到onLoad()生命周期中去执行
// 此处async和await异步操作不懂可以先百度,问题不大
async user_login() {
          
   
		let self = this
		await uni.login({
          
   
			success(res) {
          
   
				if (res.code) {
          
   
					self.code = res.code
				} else {
          
   
					console.log(获取失败! + res.errMsg)
				}
			}
		})
},

文档: 这时候就已经获取到useropenId了,这个值需要传入到touser


3.3、template_id

这个值就是模板ID,直接传字符串就像,下面再写传值代码


3.4、data

data的传值需要用到最开始申请模板时候我画框的那一部分,如果你是自己申请的其他模板,需要注意,传入Key的顺序也要一致,传入的是Json格式的数据,每一条Json的Key就是模板中的Key。


最后就是发送订阅消息



我的实现思路是: 前端: onLoad( )阶段 执行 user_login 获得 user的code 点击预约按钮 进行弹窗uni.requestSubscribeMessage 弹窗成功后判断返回值,如果为accept则表示同意则发请求给后端,附带user的code 后端: 发送请求获取openid 发送请求获取token 最后利用openid、token和写死的template_id和data进行发送服务通知


觉得有用的点个赞写了快5000字有不懂和疑问可以评论,看到了回复
经验分享 程序员 微信小程序 职场和发展