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


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代码
Feb 11 Javascript
YUI的Tab切换实现代码
Apr 11 Javascript
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
浅谈setTimeout 与 setInterval
Jun 23 Javascript
封装属于自己的JS组件
Jan 27 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
May 09 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
function.inc.php超越php
2006/12/09 PHP
php session处理的定制
2009/03/16 PHP
PHP中break及continue两个流程控制指令区别分析
2011/04/18 PHP
PHP 命令行参数详解及应用
2011/05/18 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
jquery $.ajax入门应用一
2008/11/19 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
document.createElement()用法
2013/03/13 Javascript
js不间断滚动的简单实现
2016/06/03 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python中的fileinput模块的简单实用示例
2015/07/09 Python
Python全局变量用法实例分析
2016/07/19 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
英智兴达软件测试笔试题
2016/10/12 面试题
JVM是一个编译程序还是解释程序
2012/09/11 面试题
银行会计财务工作个人的自我评价
2013/10/29 职场文书
日语专业求职信
2014/07/04 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
如何用PHP实现多线程编程
2021/05/26 PHP
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android
Linux安装apache服务器的配置过程
2021/11/27 Servers