小程序新版訂閱消息模板消息

更新時間：2019年12月31日 16:24:21 作者：staysober

這篇文章主要介紹了小程序新版訂閱消息模板消息，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

小程序訂閱消息
功能介紹
消息能力是小程序能力中的重要組成，我們?yōu)殚_發(fā)者提供了訂閱消息能力，以便實現(xiàn)服務的閉環(huán)和更優(yōu)的體驗。

訂閱消息推送位置：服務通知
訂閱消息下發(fā)條件：用戶自主訂閱
訂閱消息卡片跳轉(zhuǎn)能力：點擊查看詳情可跳轉(zhuǎn)至該小程序的頁面

使用說明
步驟1：獲取模板 ID
在微信公眾平臺手動配置獲取模板 ID：
登錄 https://mp.weixin.qq.com 獲取模板，如果沒有合適的模板，可以申請?zhí)砑有履０澹瑢徍送ㄟ^后可使用。

配置訂閱消息在這里如下圖所示

步驟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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: