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


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 相关文章推荐
js变量作用域及可访问性的探讨
Nov 23 Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
JavaScript基于对象去除数组重复项的方法
Oct 09 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
js实现无缝滚动图
Feb 22 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
May 17 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
小程序实现长按保存图片的方法
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
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
JQuery做的一个简单的点灯游戏分享
2014/07/16 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
微信小程序form表单组件示例代码
2018/07/15 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
python中的全局变量用法分析
2015/06/09 Python
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
python difflib模块示例讲解
2017/09/13 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
基于python实现坦克大战游戏
2020/10/27 Python
几道数据库的概念性面试题
2014/05/30 面试题
硕士研究生个人求职信
2013/12/04 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
教育见习报告范文
2014/11/03 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
入党积极分子考察意见
2015/06/02 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL