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


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 Konami Code 实现代码
Jul 29 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
jQuery cdn使用介绍
May 08 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
Vue声明式渲染详解
May 17 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
Apr 12 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操作MongoDB的技术总结
2013/06/02 PHP
php中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
js调出上下文菜单的实例
2015/12/17 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
深入研究React中setState源码
2017/11/17 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
JavaScript HTML DOM元素 节点操作汇总
2019/07/29 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
python实现获取序列中最小的几个元素
2014/09/25 Python
Python中的字符串替换操作示例
2016/06/27 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
详解python中的模块及包导入
2019/08/30 Python
三个python爬虫项目实例代码
2019/12/28 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
python模拟实现分发扑克牌
2020/04/22 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
简单介绍Object类的功能、常用方法
2013/10/02 面试题
优秀毕业生推荐信
2013/11/02 职场文书
小区消防演习方案
2014/02/21 职场文书
党员演讲稿
2014/09/04 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python