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


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读取html5 localstorage的值的方法
Jan 04 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
微信小程序 less文件编译成wxss文件实现办法
Dec 05 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
Oct 26 Javascript
小程序实现长按保存图片的方法
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中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
php字符串操作常见问题小结
2016/10/11 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
详解javascript高级定时器
2015/12/31 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
Python序列之list和tuple常用方法以及注意事项
2015/01/09 Python
教你学会使用Python正则表达式
2017/09/07 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
Python 实现try重新执行
2019/12/21 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
如何利用Python写个坦克大战
2020/11/18 Python
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
小学美术教学反思
2014/02/01 职场文书
营销总监岗位职责范本
2014/02/26 职场文书
个人委托书
2014/07/31 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
英语投诉信范文
2015/07/03 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
关于python类SortedList详解
2021/09/04 Python
python脚本框架webpy模板赋值实现
2021/11/20 Python
SQL试题 使用窗口函数选出连续3天登录的用户
2022/04/24 Oracle