目录
背景：
为了让小程序有通知的功能，就要添加小程序的订阅功能
开发步骤：
1.在微信公众平台添加订阅功能配置
选用模板可以选用里面的字段（无法自定义的文字。。），要注意一般用户只有一次性订阅的能力，长期性订阅类目消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放
选完模板后，会得到一个模板id,复制保存起来
2.代码开发
auditSubscriptionsSetting() {
let that = this;
const tmplId = 'xxxxx'; //模板id
wx.getSetting({
withSubscriptions: true,
success(res) {
if (res.subscriptionsSetting && res.subscriptionsSetting.mainSwitch) {
if (res.subscriptionsSetting.itemSettings && res.subscriptionsSetting.itemSettings[tmplId]) {
let item = res.subscriptionsSetting.itemSettings[tmplId];
if (item == 'reject') {
console.log('提示：用户拒绝订阅消息');
that.followComfirm(tmplId);
} else if (item == 'accept') {
console.log('提示：您已经开启订阅消息');
} else if (item == 'ban') {
console.log('提示：您已经被后台封禁');
}
} else {
console.log('提示：用户没有勾选订阅消息或者没有状态');
that.followComfirm(tmplId);
}
} else {
console.log('提示：订阅消息主开关没打开');
that.followComfirm(tmplId);
}
}
});
},
// 订阅信息
followComfirm(tmplId) {
wx.showModal({
title: '订阅消息',
content: '请同意我们给您推送信息，以便接受租户提交审核提醒。',
success: (res) => {
if (res.confirm) {
wx.requestSubscribeMessage({
tmplIds: [tmplId],
success: (res) => {
if (res[tmplId] === 'accept') {
wx.showToast({
title: '订阅成功！',
icon: 'success'
});
} else if (res[tmplId] == 'reject') {
//引导用户，手动引导用户点击按钮，去设置页开启，## Modals是自定义组件
wx.showModal({
title: '订阅消息',
content: '您当前拒绝接受消息通知，是否去开启',
confirmText: '开启授权',
confirmColor: '#345391',
cancelText: '仍然拒绝',
cancelColor: '#999999',
success(res) {
if (res.confirm) {
console.log('用户点击确定');
wx.openSetting({
success(res) {
console.log(res.authSetting);
},
fail(err) {
//失败
console.log(err);
}
});
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
},
fail(err) {
//失败
console.log(err);
}
});
}
}
});
}上面代码要执行auditSubscriptionsSetting方法，小程序页面就会弹出授权的，用户只要点了确认之后（这时候前端的操作已经完成）。用户想要收到订阅消息，需要后端调用微信订阅的接口去通知微信给用户发消息。
3.常见的坑
问题1：用户收不到订阅消息
有几种可能，一个是发通知的时候，用户没去点授权，一次性的授权每次用户都要点一次授权，下次才能收到消息（巨坑。。。）
问题2：用户界面没有弹出授权的弹窗
是因为用户禁用的订阅授权，还有就是用户点了“总是保持以上选择，不再询问”，导致用户再也不发弹出授权框，就算微信卸载了也不行。（微信这种业务逻辑，真的是脑残+巨坑）。解决方式：开发人员可以在微信开发者工具里面，点击清除授权，就能弹了！！！，或者换一个模板id，这样一次性大家就恢复了弹窗授权