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


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 浏览器检测代码精简版
Mar 04 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 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 神盾解密
2014/06/08 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
js 居中漂浮广告
2010/03/21 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
JavaScript面试题(指针、帽子和女朋友)
2016/11/23 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
2016/12/08 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Python Requests安装与简单运用
2016/04/07 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python实现浪漫的烟花秀
2019/01/30 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
《画风》教学反思
2014/04/16 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers