小程序新版訂閱消息模板消息
小程序訂閱消息
功能介紹
消息能力是小程序能力中的重要組成，我們?yōu)殚_發(fā)者提供了訂閱消息能力，以便實(shí)現(xiàn)服務(wù)的閉環(huán)和更優(yōu)的體驗(yàn)。
訂閱消息推送位置：服務(wù)通知
訂閱消息下發(fā)條件：用戶自主訂閱
訂閱消息卡片跳轉(zhuǎn)能力：點(diǎn)擊查看詳情可跳轉(zhuǎn)至該小程序的頁(yè)面
使用說(shuō)明
步驟1：獲取模板 ID
在微信公眾平臺(tái)手動(dòng)配置獲取模板 ID：
登錄 https://mp.weixin.qq.com 獲取模板，如果沒有合適的模板，可以申請(qǐng)?zhí)砑有履０?，審核通過(guò)后可使用。
配置訂閱消息在這里如下圖所示
步驟2：獲取下發(fā)權(quán)限
詳見小程序端消息訂閱接口 wx.requestSubscribeMessage
步驟3：調(diào)用接口下發(fā)訂閱消息
詳見服務(wù)端消息發(fā)送接口 subscribeMessage.send
wx.requestSubscribeMessage(Object object)
基礎(chǔ)庫(kù) 2.8.2 開始支持，低版本需做兼容處理。
這里要注意了你小程序的appid 必須跟你配置的appid 一致否則你請(qǐng)求到后端去就會(huì)報(bào)錯(cuò)顯示 你的模板id不存在錯(cuò)誤如下
參數(shù)代碼什么的我就不啰嗦了 https://developers.weixin.qq....
這是開發(fā)文檔鏈接請(qǐng)參照
基礎(chǔ)示例代碼：
wx.requestSubscribeMessage({ tmplIds: \[''\], success (res) { } })
我的業(yè)務(wù)示例代碼：
import { setSubscribeMessage } from "../api/common-api";// 我提交接口需要的api
const { globalData } = getApp();
/**
* 訂閱消息
* 不管內(nèi)部發(fā)生什么錯(cuò)誤
* 也不用管內(nèi)部做了什么操作
* 都返回 resolve()
* 都不能影響業(yè)務(wù)流程
*
* 使用方法:
* -- 業(yè)務(wù)邏輯
* await subscribeMessage(list)
* -- 業(yè)務(wù)邏輯
*
* */
function subscribeMessage(list = []) {
console.log("list", list);
let resolve = null;
// eslint-disable-next-line no-unused-vars
let reject = null;
const promise = new Promise((res, rej) => {
resolve = res;
reject = rej;
});
try {
wx.requestSubscribeMessage({
tmplIds: [...list],
complete(res) {
console.log("res", res);
let params = {
subscribe_templates: [],
open_id: globalData.userInfo.open_id
};
for (let key in res) {
if (key !== "errMsg" && key !== "errorCode") {
let obj = {
template_id: key,
status: res[key]
};
params.subscribe_templates.push(obj);
}
}
console.log("params", params);
// 接口提交
setSubscribeMessage(params);
// 只需要返回成功
resolve();
}
});
} catch (err) {
console.error("subscribeMessage-err", err);
resolve();
}
return promise;
}
export { subscribeMessage };
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本章主要介紹通過(guò)JavaScript讀取圖片的例子，本例子不包含服務(wù)器端后臺(tái)代碼，只包含前臺(tái)頁(yè)面代碼，所以直接用Html文件就可以，代碼如下，因?yàn)榘敿?xì)的注意，所以不再詳細(xì)說(shuō)明了，如果有看不明白的，可以給我留言，我給大家具體答復(fù)。2009-11-11
這篇文章主要介紹了小程序清理本地緩存的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Javascript日期時(shí)間函數(shù)的使用方法舉例
在JavaScript中日期時(shí)間函數(shù)是一組用于操作和處理日期和時(shí)間的函數(shù),這些函數(shù)可以用于獲取當(dāng)前日期和時(shí)間、格式化日期和時(shí)間、計(jì)算日期和時(shí)間的差異、轉(zhuǎn)換日期和時(shí)間的格式等,這篇文章主要給大家介紹了關(guān)于Javascript日期時(shí)間函數(shù)的使用方法,需要的朋友可以參考下2024-02-02
淺談Webpack自動(dòng)化構(gòu)建實(shí)踐指南
本篇文章主要介紹了Webpack自動(dòng)化構(gòu)建實(shí)踐指南，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Bootstrap彈出框（Popover）被擠壓的問題小結(jié)
比較了下Bootstrap的popover和一些其它的開源項(xiàng)目，覺得Bootstrap的還算不錯(cuò)。在使用過(guò)程中遇到了一系列問題，下面小編給大家分享Bootstrap彈出框（Popover）被擠壓的問題小結(jié)，需要的朋友參考下吧2017-07-07
基于Typescript與Axios的接口請(qǐng)求管理詳解
接口是一系列抽象方法的聲明,是一些方法特征的集合,這些方法都應(yīng)該是抽象的,需要由具體的類去實(shí)現(xiàn),然后第三方就可以通過(guò)這組抽象方法調(diào)用,讓具體的類執(zhí)行具體的方法,這篇文章主要給大家介紹了基于Typescript與Axios的接口請(qǐng)求管理的相關(guān)資料,需要的朋友可以參考下2021-09-09
這篇文章主要給大家介紹了關(guān)于利用微信小程序?qū)崿F(xiàn)皮膚功能，也就是實(shí)現(xiàn)夜間模式的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-06-06
JavaScript判斷變量是對(duì)象還是數(shù)組的方法
這篇文章主要介紹了JavaScript判斷變量是對(duì)象還是數(shù)組的方法,本文分別使用instanceof和typeof實(shí)現(xiàn),需要的朋友可以參考下2014-08-08
用JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的打磚塊游戲
這篇文章主要介紹了用JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的打磚塊游戲,代碼分為html+css+js三部分，具體實(shí)例代碼感興趣的朋友跟隨小編一起看看吧2019-12-12
js通過(guò)循環(huán)多張圖片實(shí)現(xiàn)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js通過(guò)循環(huán)多張圖片實(shí)現(xiàn)動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12