小程序新版訂閱消息模板消息
小程序訂閱消息 
功能介紹 
消息能力是小程序能力中的重要組成,我們?yōu)殚_發(fā)者提供了訂閱消息能力,以便實現(xiàn)服務的閉環(huán)和更優(yōu)的體驗。
訂閱消息推送位置:服務通知 
訂閱消息下發(fā)條件:用戶自主訂閱 
訂閱消息卡片跳轉(zhuǎn)能力:點擊查看詳情可跳轉(zhuǎn)至該小程序的頁面
使用說明
步驟1:獲取模板 ID
在微信公眾平臺手動配置獲取模板 ID:
登錄 https://mp.weixin.qq.com 獲取模板,如果沒有合適的模板,可以申請?zhí)砑有履0澹瑢徍送ㄟ^后可使用。
配置訂閱消息在這里如下圖所示
步驟2:獲取下發(fā)權(quán)限
詳見小程序端消息訂閱接口 wx.requestSubscribeMessage
步驟3:調(diào)用接口下發(fā)訂閱消息
詳見服務端消息發(fā)送接口 subscribeMessage.send
wx.requestSubscribeMessage(Object object)
基礎(chǔ)庫 2.8.2 開始支持,低版本需做兼容處理。
這里要注意了你小程序的appid 必須跟你配置的appid 一致否則你請求到后端去就會報錯顯示 你的模板id不存在錯誤如下
參數(shù)代碼什么的我就不啰嗦了 https://developers.weixin.qq....
這是開發(fā)文檔鏈接請參照
基礎(chǔ)示例代碼:
wx.requestSubscribeMessage({ tmplIds: \[''\], success (res) { } })
我的業(yè)務示例代碼:
import { setSubscribeMessage } from "../api/common-api";// 我提交接口需要的api
const { globalData } = getApp();
/**
 * 訂閱消息
 * 不管內(nèi)部發(fā)生什么錯誤
 * 也不用管內(nèi)部做了什么操作
 * 都返回 resolve()
 * 都不能影響業(yè)務流程
 *
 * 使用方法:
 * -- 業(yè)務邏輯
 * await subscribeMessage(list)
 * -- 業(yè)務邏輯
 *
 * */
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 };
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持我們。
上一篇:Vue 實現(xiàn)分頁與輸入框關(guān)鍵字篩選功能
欄 目:JavaScript
下一篇:javascript Canvas動態(tài)粒子連線
本文標題:小程序新版訂閱消息模板消息
本文地址:http://www.jygsgssxh.com/a1/JavaScript/9339.html
您可能感興趣的文章
- 04-02java吃豆人代碼 js吃豆人
 - 01-10小程序簡單兩欄瀑布流效果的實現(xiàn)
 - 01-10微信小程序批量上傳圖片到七牛(推薦)
 - 01-10微信小程序跨頁面數(shù)據(jù)傳遞事件響應實現(xiàn)過程解析
 - 01-10微信小程序按順序同步執(zhí)行的兩種方式
 - 01-10ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計算等】
 - 01-10微信小程序?qū)崿F(xiàn)簽字功能
 - 01-10JS實現(xiàn)關(guān)閉小廣告特效
 - 01-10javascript實現(xiàn)點擊星星小游戲
 - 01-10java遇到微信小程序 "支付驗證簽名失敗" 問題解決
 


閱讀排行
本欄相關(guān)
- 04-02javascript點線,點線的代碼
 - 04-02javascript潛力,javascript強大嗎
 - 04-02javascript替換字符串,js字符串的替換
 - 04-02javascript移出,js 移入移出
 - 04-02包含javascript舍的詞條
 - 04-02javascript并行,深入理解并行編程 豆瓣
 - 04-02javascript匿名,js匿名方法
 - 04-02javascript警報,JavaScript警告
 - 04-02javascript遮蓋,JavaScript遮蓋PC端頁面
 - 04-02javascript前身,javascript的前身
 
隨機閱讀
- 01-10C#中split用法實例總結(jié)
 - 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
 - 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
 - 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
 - 08-05DEDE織夢data目錄下的sessions文件夾有什
 - 01-10delphi制作wav文件的方法
 - 01-10使用C語言求解撲克牌的順子及n個骰子
 - 08-05織夢dedecms什么時候用欄目交叉功能?
 - 04-02jquery與jsp,用jquery
 - 01-11ajax實現(xiàn)頁面的局部加載
 


