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


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 相关文章推荐
javascript下function声明一些小结
Dec 28 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
基于jquery实现左右上下移动效果
May 02 jQuery
详解vue-cli3使用
Aug 14 Javascript
vue中使用vee-validator完成表单校验方案
Nov 01 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
php smarty的预保留变量总结
2008/12/04 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
PHP生成图片缩略图类示例
2017/01/12 PHP
javascript jQuery插件练习
2008/12/24 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
详解Python中dict与set的使用
2015/08/10 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
Python在线运行代码助手
2016/07/15 Python
Python WEB应用部署的实现方法
2019/01/02 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
法院信息化建设方案
2014/05/21 职场文书
求职自我评价范文
2015/03/09 职场文书
应届生简历自我评价
2015/03/11 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
2015年工会工作总结
2015/03/30 职场文书
如何写辞职信
2015/05/13 职场文书
请假条应该怎么写?
2019/06/24 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
分析并发编程之LongAdder原理
2021/06/29 Java/Android
Ruby处理YAML和json数据
2022/04/18 Ruby