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

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

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

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

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

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

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

步驟2：獲取下發(fā)權(quán)限
詳見(jiàn)小程序端消息訂閱接口 wx.requestSubscribeMessage

步驟3：調(diào)用接口下發(fā)訂閱消息
詳見(jiàn)服務(wù)端消息發(fā)送接口 subscribeMessage.send

wx.requestSubscribeMessage(Object object)
基礎(chǔ)庫(kù) 2.8.2 開(kāi)始支持，低版本需做兼容處理。

這里要注意了你小程序的appid 必須跟你配置的appid 一致否則你請(qǐng)求到后端去就會(huì)報(bào)錯(cuò)顯示你的模板id不存在錯(cuò)誤如下

參數(shù)代碼什么的我就不啰嗦了 https://developers.weixin.qq....
這是開(kāi)發(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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: