uni-app微信小程序统一服务消息详解

温馨提示

统一服务消息中无法使用小程序消息模板,该功能已经废弃
但是我们可以使用公众号的消息模板

使用场景

当你的小程序需要多次给客户发送消息时,则可以使用统一服务消息功能。

注意事项

订阅消息推送位置:公众号
订阅消息下发条件:1:要求与小程序有绑定且同主体。2:客户必须关注公众号

实例

uni-app微信小程序统一服务消息详解_第1张图片

开发流程

1:打开微信公众平台登录你的公众号后台。
2:”点击“订阅消息”。
3:在公共模板库中选择你所需要的模板
直接上代码

							let token = "";
							let mp_template_msg = {
     
								appid: '公众号appId', //公众号appId
								template_id: '公众号模板Id', //公众号模板Id
								url: '',
								miniprogram: {
     
									appid: '小程序appId',
									page: 'pages/login/login',
								},
								data: {
     
									first: {
     
										value: '您好!有新预约,请及时沟通!',
										color: '#000',
									},
									keyword1: {
     
										value: '推荐有礼',
										color: '#f00',
									},
									keyword2: {
     
										value: this.name,

									},
									keyword3: {
     
										value: this.phone,

									},
									remark: {
     
										value: '请及时与客户进行沟通!',
										color: '#999',
									},
								},
							};
							uni.request({
     
								url: this.$serverUrl + 'WsbProgApi/Login/Send',
								method: 'GET',
								complete: (r) => {
     
									if (r.data.Code == 200) {
     
										token = r.data.Result.token;
										if (token) {
     
											for (var i = 0; i < r.data.Result.weixinId.length; i++) {
     
												r.data.Result.weixinId[i]
												uni.request({
     
													header: this.$header1,
													url: 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/uniform_send?access_token=' +
														token,
													method: 'POST',
													data: {
     
														touser: r.data.Result.weixinId[i],//用户openid,可以是小程序的openid,也可以是mp_template_msg.appid对应的公众号的openid
														mp_template_msg: mp_template_msg,
													},
													complete: (res) => {
     
														console.log(res);
													}
												});
											}
										}
									}
								}
							});

说明:服务端的代码我是在前端调用的,
Send接口说明:返回值为token,和接收者的openId。
微信统一服务消息直传

你可能感兴趣的:(小程序,uni-app,前端,小程序,前端,uni-app)