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


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 相关文章推荐
input的focus方法使用
Mar 13 Javascript
jquery学习笔记二 实现可编辑的表格
Apr 09 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 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时间不正确的解决方法
2008/04/09 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
用php的ob_start来生成静态页面的方法分析
2011/03/09 PHP
给PHP开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
js导航菜单(自写)简单大方
2013/03/28 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
document.write的几点使用心得
2014/05/14 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
给Python入门者的一些编程建议
2015/06/15 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Python龙贝格法求积分实例
2020/02/29 Python
Python3以GitHub为例来实现模拟登录和爬取的实例讲解
2020/07/30 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
总经理岗位职责描述
2014/02/08 职场文书
主管竞聘书范文
2014/03/31 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
公司开会通知
2015/04/20 职场文书
mysql 获取相邻数据项
2022/05/11 MySQL