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


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 相关文章推荐
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
Aug 22 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正确解析UTF-8字符串技巧应用
2012/11/07 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
javascript 树控件 比较好用
2009/06/11 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
第六篇Bootstrap表格样式介绍
2016/06/21 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
python检测远程端口是否打开的方法
2015/03/14 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
使用python实现rsa算法代码
2016/02/17 Python
python flask实现分页效果
2017/06/27 Python
python WindowsError的错误代码详解
2017/07/23 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
Python列表(List)知识点总结
2019/02/18 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
Django 外键的使用方法详解
2019/07/19 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
如何利用python生成MD5并去重
2020/12/07 Python
python简单实现插入排序实例代码
2020/12/16 Python
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
医院门卫岗位职责
2013/12/30 职场文书
经典商业广告词
2014/03/13 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
反邪教警示教育活动总结
2015/05/09 职场文书
Python使用scapy模块发包收包
2021/05/07 Python