|
先上效果圖：
最近做了一個小程序的服務(wù)通知，雖然做好了，但過程還是比較坎坷，記錄下，希望能給需要的伙伴一個參考
先上文檔：小程序服務(wù)通知訂閱消息開發(fā)文檔
第一步：根據(jù)官方文來，先在微信公眾平臺登錄小程序后臺配置模板，獲取模板id：，這塊的模版可以在公共模版庫里選。也可以新申請，但是需要3-7天才能出審核結(jié)果。
下面是模版生成的效果圖。
第二步，獲取下發(fā)權(quán)限
在獲取下發(fā)權(quán)限之前，需要先獲取小程序code和訂閱消息的模板id給服務(wù)端，以便后臺人員進(jìn)行服務(wù)端配置
// 這里是獲取下發(fā)權(quán)限地方，根據(jù)官方文檔，可以根據(jù) wx.getSetting() 的 withSubscriptions 這個參數(shù)獲取用戶是否打開訂閱消息總開關(guān)。后面我們需要獲取用戶是否同意總是同意消息推送。所以這里要給它設(shè)置為true 。
wx.getSetting({
withSubscriptions: true, // 這里設(shè)置為true,下面才會返回mainSwitch
success: function(res){
// 調(diào)起授權(quán)界面彈窗
if (res.subscriptionsSetting.mainSwitch) { // 用戶打開了訂閱消息總開關(guān)
if (res.subscriptionsSetting.itemSettings != null) { // 用戶同意總是保持是否推送消息的選擇, 這里表示以后不會再拉起推送消息的授權(quán)
let moIdState = res.subscriptionsSetting.itemSettings[tmplIds]; // 用戶同意的消息模板id
if(moIdState === 'accept'){
console.log('接受了消息推送');
}else if(moIdState === 'reject'){
console.log("拒絕消息推送");
}else if(moIdState === 'ban'){
console.log("已被后臺封禁");
}
}else {
// 當(dāng)用戶沒有點(diǎn)擊 ’總是保持以上選擇，不再詢問' 按鈕。那每次執(zhí)到這都會拉起授權(quán)彈窗
wx.showModal({
title: '提示',
content:'請授權(quán)開通服務(wù)通知',
showCancel: true,
success: function (ress) {
if (ress.confirm) {
wx.requestSubscribeMessage({ // 調(diào)起消息訂閱界面
tmplIds: [tmplIds],
success (res) {
console.log('訂閱消息 成功 ');
console.log(res);
},
fail (er){
console.log("訂閱消息 失敗 ");
console.log(er);
}
})
}
}
})
}
}else {
console.log('訂閱消息未開啟')
}
},
fail: function(error){
console.log(error);
},
})
到這里小程序端的代碼就完了，第三步就是服務(wù)端要做的事情了。
這里說下需要注意的點(diǎn):
1.配置模板獲取模板id，是在小程序后臺，而不是關(guān)聯(lián)的公眾號后臺！??！
2. 授權(quán)彈窗需要用戶點(diǎn)擊才能拉起，比如直接在 onload 方法中是無法調(diào)起的，可以在需要拉起的地方做一個彈窗詢問，引導(dǎo)用戶點(diǎn)擊拉起授權(quán)
3.授權(quán)彈窗上的，總是保持以上選擇，不再詢問 這個選項，只有真機(jī)上有，模擬器上只有是否同意消息推送彈窗。建議測試直接上真機(jī)
4.后端 subscribeMessage.send 接口的請求參數(shù) page , 配置路徑為 pages/index/index
5.在小程序的社區(qū)發(fā)現(xiàn)有小伙伴說，真機(jī)測試不敢點(diǎn) 總是詢問 的按鈕。怕點(diǎn)了，后面就再也沒辦法拉起授權(quán)測試了。其實開發(fā)人員一般都是用自己的微信測試的，微信開發(fā)工具上的清緩存菜單里面就有清除授權(quán)的選項，直接在開發(fā)工具里清掉，就相當(dāng)于清掉了手機(jī)的授權(quán)。重新編譯預(yù)覽就能看見效果。 還是放一下圖吧：
在加上一個需要特別特別重要的問題：授權(quán)彈窗上的總是保持以上選擇，意思是不再調(diào)起授權(quán)彈窗。但是下次推送消息還是需要用戶點(diǎn)擊授權(quán)的。這塊訂閱消息的邏輯是矛盾的。因為點(diǎn)了總是，那么授權(quán)彈窗是無法再次調(diào)起的，那用戶也就沒有授權(quán)入口。又怎么授權(quán)呢。官方解釋可以在小程序右上角設(shè)置里面打開權(quán)限。但up主親測，當(dāng)后臺推送消息拒絕時，小程序設(shè)置訂閱消息開啟無效。依然接收不到。
可以參考這個：https://developers.weixin.qq.com/community/develop/doc/00002cae8c0c90766f8ab3a0451000?highLine=43101%2520%25E6%2580%25BB%25E6%2598%25AF
https://developers.weixin.qq.com/community/develop/article/doc/0006ac060e4e80183bc9654b856013(
微信官方解釋：https://developers.weixin.qq.com/community/develop/doc/00008a8a7d8310b6bf4975b635a401
2021.12.29 更新
上面遺留的問題，點(diǎn)擊總是之后，無法進(jìn)行再次訂閱，評論區(qū)有童鞋提出了解決方案。
這里更新下：
點(diǎn)擊按鈕直接調(diào)wx.requestSubscribeMessage即可，不做用戶是否打開訂閱消息的判斷，這樣在點(diǎn)擊總是...之后，雖然沒有詢問框，依然可以訂閱(已親測，在此感謝小糖同學(xué)~??)
wx.requestSubscribeMessage({
tmplIds: tempId,
success: res => {
console.log('調(diào)起成功');
if (res[tempId[0]] === 'accept') {
console.log('允許')
}
if (res[tempId[0]] === 'reject') {
console.log('拒絕')
}
},
fail: err => {
if (err.errCode == 20004) {
console.log('關(guān)閉小程序主開關(guān)')
} else {
console.log('訂閱失敗')
}
}
});
|
