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


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 相关文章推荐
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
下拉框select的绑定示例
Sep 04 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
解决vue项目中出现Invalid Host header的问题
Nov 17 Javascript
JavaScript实现H5接金币功能(实例代码)
Feb 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
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
十天学会php(3)
2006/10/09 PHP
Session的工作方式
2006/10/09 PHP
基于mysql的bbs设计(三)
2006/10/09 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
Dom在ajax技术中的作用说明
2010/10/25 Javascript
EditPlus注册码生成器(js代码实现)
2013/03/25 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
js查找节点的方法小结
2015/01/13 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
深入浅析Python字符编码
2015/11/12 Python
django实现用户登陆功能详解
2017/12/11 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
24式加速你的Python(小结)
2019/06/13 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
SQL中where和having的区别
2012/06/17 面试题
学习十八大报告感言
2014/02/28 职场文书
聚美优品的广告词
2014/03/14 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
tomcat下部署jenkins的方法
2022/05/06 Servers