小程序新版订阅消息模板消息


Posted in Javascript onDecember 31, 2019

小程序订阅消息
功能介绍
消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验。

订阅消息推送位置:服务通知
订阅消息下发条件:用户自主订阅
订阅消息卡片跳转能力:点击查看详情可跳转至该小程序的页面

小程序新版订阅消息模板消息

使用说明
步骤1:获取模板 ID
在微信公众平台手动配置获取模板 ID:
登录 https://mp.weixin.qq.com 获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用。

配置订阅消息在这里如下图所示

小程序新版订阅消息模板消息

步骤2:获取下发权限
详见小程序端消息订阅接口 wx.requestSubscribeMessage

步骤3:调用接口下发订阅消息
详见服务端消息发送接口 subscribeMessage.send

wx.requestSubscribeMessage(Object object)
基础库 2.8.2 开始支持,低版本需做兼容处理。

这里要注意了你小程序的appid 必须跟你配置的appid 一致否则你请求到后端去就会报错显示 你的模板id不存在错误如下

小程序新版订阅消息模板消息

参数代码什么的我就不??铝 https://developers.weixin.qq....
这是开发文档链接请参照

基础示例代码:

wx.requestSubscribeMessage({ tmplIds: \[''\], success (res) { } })

我的业务示例代码:

import { setSubscribeMessage } from "../api/common-api";// 我提交接口需要的api

const { globalData } = getApp();
/**
 * 订阅消息
 * 不管内部发生什么错误
 * 也不用管内部做了什么操作
 * 都返回 resolve()
 * 都不能影响业务流程
 *
 * 使用方法:
 * -- 业务逻辑
 * await subscribeMessage(list)
 * -- 业务逻辑
 *
 * */
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 };

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
js实现汉字排序的方法
Jul 23 Javascript
jquery仿苹果的时间/日期选择效果
Mar 08 Javascript
Vuejs实现购物车功能
Nov 05 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
vue elementUI 表单校验功能之数组多层嵌套
Jun 04 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
Java Varargs 可变参数用法详解
Jan 28 Javascript
Nuxt页面级缓存的实现
Mar 09 Javascript
vue实现可移动的悬浮按钮
Mar 04 Vue.js
小程序实现长按保存图片的方法
Dec 31 #Javascript
使用webpack搭建vue环境的教程详解
Dec 31 #Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 #Javascript
TypeScript之调用栈的实现
Dec 31 #Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 #Javascript
Vue实现剪贴板复制功能
Dec 31 #Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 #Javascript
You might like
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
js继承的实现代码
2010/08/05 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
超实用的JavaScript代码段 附使用方法
2016/05/22 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
纯js实现隔行变色效果
2017/11/29 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
Vue表单之v-model绑定下拉列表功能
2019/05/14 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python实现压缩与解压gzip大文件的方法
2016/09/18 Python
Python使用sorted排序的方法小结
2017/07/28 Python
python中的计时器timeit的使用方法
2017/10/20 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
Python实现去除图片中指定颜色的像素功能示例
2019/04/13 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
大专毕业生自我评价分享
2013/11/10 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
python 实现体质指数BMI计算
2021/05/26 Python