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


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 innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
JS无限级导航菜单实现方法
Jan 05 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
Apr 14 Javascript
layui use 定义js外部引用函数的方法
Sep 26 Javascript
如何在JavaScript中等分数组的实现
Dec 13 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 form 表单传参明细研究
2009/07/17 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
javascript实现节点(div)名称编辑
2014/12/17 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
MVVM框架下实现分页功能示例
2018/06/14 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
python得到windows自启动列表的方法
2018/10/14 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
HTML5页面音视频在微信和app下自动播放的实现方法
2016/10/20 HTML / CSS
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
机关单位人员学雷锋心得体会
2014/03/10 职场文书
网吧最新创业计划书范文
2014/03/27 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
中文专业求职信
2014/06/20 职场文书
小学生春游活动方案
2014/08/20 职场文书
颐和园英文导游词
2015/01/30 职场文书
SpringBoot整合MongoDB的实现步骤
2021/06/23 MongoDB