uniapp微信小程序消息订阅详解

一、微信公众平台申请订阅模板

注意:订阅信息 这个事件 是 当用户 点击的时候触发 或者 是 支付成功后触发,
用户勾选 "总是保持以上选择,不再询问" 之后或长期订阅,下次订阅调用 wx.requestSubscribeMessage 不会弹窗,保持之前的选择,修改选择需要打开小程序设置进行修改。


二、代码

javascript 复制代码
//dom
<button  type='default' @click="onClick" fontColor="#ffffff">订 阅</button>


//methods
 onClick() {
	uni.getSetting({
			withSubscriptions: true,
			success(res) {
				console.log( res, '订阅信息', res.subscriptionsSetting);
				if (!res.subscriptionsSetting.mainSwitch) {
					uni.openSetting({
						success(res) {
							console.log('打开设置页', res.authSetting);
						}
					})
				} else {
					uni.requestSubscribeMessage({
						tmplIds: ['模板id', ],
						success(res) {
							console.log('requestSubscribeMessage 订阅信息', res);
							if (res['模板id'] ==
								"accept") { // 用户点击确定后
								console.log('用户订阅点击确定按钮');
								// 后端接口
							} else {
								console.log('拒绝,不会再弹出弹框 只能去设置页膝盖');
								 uni.showModal({
								 	title: '您未开启消息订阅',
								 	content: '为了给您提供更好的服务,请您授权消息订阅',
								 	success: res2 => {
								 		if (res2.confirm) {
								 			uni.openSetting({
								 				success(res) {
													console.log('打开设置页', res.authSetting);
								 				}
								 			})
								 		} else {
								 			console.log('决绝')
								 		}
								 	}
								 })

							}
						},
						fail(errMessage) {
							console.log("订阅消息 失败 ", errMessage);
						},
						complete() {
						console.log("成功 失败都执行 ", errMessage);
						}
					})
				}
			},
		})
}
相关推荐
binqian5 分钟前
【异步】js中异步的实现方式 async await /Promise / Generator
开发语言·前端·javascript
前端李二牛36 分钟前
异步任务并发控制
前端·javascript
你也向往长安城吗1 小时前
推荐一个三维导航库:three-pathfinding-3d
javascript·算法
karrigan1 小时前
async/await 的优雅外衣下:Generator 的核心原理与 JavaScript 执行引擎的精细管理
javascript
wycode1 小时前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
意会2 小时前
微信闪照小程序实现
前端·css·微信小程序
wycode2 小时前
Vue2实践(2)之用component做一个动态表单(一)
前端·javascript·vue.js
第七种黄昏2 小时前
Vue3 中的 ref、模板引用和 defineExpose 详解
前端·javascript·vue.js
我是哈哈hh3 小时前
【Node.js】ECMAScript标准 以及 npm安装
开发语言·前端·javascript·node.js
张元清3 小时前
电商 Feeds 流缓存策略:Temu vs 拼多多的技术选择
前端·javascript·面试