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


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 01 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
实例学习JavaScript读取和写入cookie
Jan 29 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
vue-cli V3.0版本的使用详解
Oct 24 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
Sep 01 Javascript
js实现烟花特效
Mar 02 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带密码功能并下载远程文件保存本地指定目录 修改加强版
2010/05/16 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
WordPress中"无法将上传的文件移动至"错误的解决方法
2015/07/01 PHP
PHP文件缓存类实现代码
2015/10/26 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
js比较日期大小的方法
2015/05/12 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
学习python处理python编码问题
2011/03/13 Python
python的re正则表达式实例代码
2018/01/24 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
基于python 凸包问题的解决
2020/04/16 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
英国行业制服供应商:Alexandra
2019/09/14 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
会计核算科岗位职责
2014/03/19 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript