微信小程序(订阅消息)功能


Posted in Javascript onOctober 25, 2019

小程序模板消息即将被废弃掉,于是有了新接口wx.requestSubscribeMessage

订阅消息文档

步骤:

1、获取用户openid 、access_token
2、获取模板 ID
3、获取下发权限(api)
4、发送订阅消息 (api)

模板id

微信小程序(订阅消息)功能

小程序代码:

获取下发权限:

// login.js
requestMsg(){
 return new Promise((resolve, reject) => {
 wx.requestSubscribeMessage({
 tmplIds: ["MUtLwsw0xCndRULTgNHiXwGDyHJ-ZwAFL-b3kALcl0c"],
 success: (res) => {
  if (res['MUtLwsw0xCndRULTgNHiXwGDyHJ-ZwAFL-b3kALcl0c'] === 'accept'){
  wx.showToast({
  title: '订阅OK!',
  duration: 1000,
  success(data) {
  //成功
  resolve()
  }
  })
  }
 },
 fail(err) {
  //失败
  console.error(err);
  reject()
 }
 })
 })
 }
// index.wxml
<button class="v-btn mt40" bindtap="sendMsg">发生订阅消息</button>

// index.js 
// 点击发生订阅
sendMsg:function(e){
 wx.request({
 url: 'https://cff.mynatapp.cc/wxXcx/sendMessage',
 method: 'POST',
 data: { },
 header: {
 'content-type': 'application/json' // 默认值
 },
 success(res) {
 console.log(res)
 }
 })
 }

nodejs(koa2)代码:

发送订阅消息:

// index.js
const router = require('koa-router')()
const request = require('superagent')
let AppID = 'xxxxx'
let AppSecret = 'xxxxx'
let access_token = 'xxxxx'
let openid = 'xxxxx'

// 点击发生订阅消息
router.post('/wxXcx/sendMessage', async (ctx, next) => {
 let requestData ={
 "touser": openid,
 "template_id": "MUtLwsw0xCndRULTgNHiXwGDyHJ-ZwAFL-b3kALcl0c",
 "page": "index",
 "data": {
  "phrase1": {
  "value": "王小二"
  },
  "date5": {
  "value": "2019年10月1日 15:01"
  },
  "phrase4": {
  "value": "王老师"
  },
  "thing2": {
  "value": "ps入门到精通"
  },
  "character_string6": {
  "value": "1/10"
  }
 }
 }

 // 2、发送模板消息
 let res = await request
  .post(`https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=${access_token}`)
  .send(requestData)
  .set('Accept', 'application/json')

 console.log(res)

 ctx.body = { 
 code: '200', 
 data: null, 
 msg: '操作成功'
 }
})

微信小程序(订阅消息)功能

总结

以上所述是小编给大家介绍的微信小程序(订阅消息)功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
类似框架的js代码
Nov 09 Javascript
关于图片验证码设计的思考
Jan 29 Javascript
javascript中的对象创建 实例附注释
Feb 08 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
贴近用户体验的Jquery日期、时间选择插件
Aug 19 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
layui 解决form表单点击无反应的问题
Oct 25 #Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 #Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 #Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 25 #Javascript
vue实现评论列表功能
Oct 25 #Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 #Javascript
浅谈layui 表单元素的选中问题
Oct 25 #Javascript
You might like
人大复印资料处理程序_补充篇
2006/10/09 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
yii框架redis结合php实现秒杀效果(实例代码)
2017/10/26 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
2009/12/02 Javascript
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
2016/02/25 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
详解Vue数据驱动原理
2020/11/17 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
2021/02/15 Javascript
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python发展史及网络爬虫
2019/06/19 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
浅析python内置模块collections
2019/11/15 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
网络体系结构及协议的定义
2014/03/13 面试题
几个Linux面试题笔试题
2016/08/01 面试题
EJB timer的种类
2014/10/28 面试题
音乐教学案例
2014/01/30 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android