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


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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
浅析Js中的单引号与双引号问题
Nov 06 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
浅谈document.write()输出样式
May 07 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
PHP连接access数据库
2008/03/27 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
js函数般调用正则
2008/04/08 Javascript
在网页里看flash的trace数据的js类
2009/01/10 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
js切换div css注意的细节
2012/12/10 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python多维数组分位数的求取方式
2020/03/03 Python
Python函数生成器原理及使用详解
2020/03/12 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
口腔医学技术应届生求职信
2013/11/09 职场文书
大四自我鉴定
2014/02/08 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android