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


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 相关文章推荐
javascript 控制 html元素 显示/隐藏实现代码
Sep 01 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
利用JS实现数字增长
Jul 28 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
深入理解Node中的buffer模块
Jun 03 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
Aug 18 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
Apr 25 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 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
解析yii数据库的增删查改
2013/06/20 PHP
PHP可变函数学习小结
2015/11/29 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
javascript知识点收藏
2007/02/22 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
js获取当前时间显示在页面上并每秒刷新
2014/12/24 Javascript
jQuery动态创建元素以及追加节点的实现方法
2016/10/20 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
小程序实现列表点赞功能
2018/11/02 Javascript
javascript实现留言板功能
2020/02/08 Javascript
js实现的订阅发布者模式简单示例
2020/03/14 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
pyside写ui界面入门示例
2014/01/22 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python装饰器用法实例总结
2018/05/26 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
查看python安装路径及pip安装的包列表及路径
2019/04/03 Python
浅析Python __name__ 是什么
2020/07/07 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
HTML5通用接口详解
2016/06/12 HTML / CSS
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
初二学习计划书范文
2014/04/27 职场文书
春节超市活动方案
2014/08/14 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
工资证明范本
2015/06/12 职场文书
教师节座谈会主持词
2015/07/03 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
MySQL创建定时任务
2022/01/22 MySQL