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


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 dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
vue实现行列转换的一种方法
Aug 06 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
Jul 11 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版(5)
2006/10/09 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
Yii 2.0实现联表查询加搜索分页的方法示例
2017/08/02 PHP
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
vue 文件目录结构详解
2017/11/24 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
用Node提供静态文件服务的方法
2018/07/06 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
浅谈在vue中使用mint-ui swipe遇到的问题
2018/09/27 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
用Python一键搭建Http服务器的方法
2018/06/01 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
Python字典底层实现原理详解
2019/12/18 Python
python 用pandas实现数据透视表功能
2020/12/21 Python
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
你所在的项目是如何确定版本号的
2015/12/28 面试题
专科毕业生求职简历的自我评价
2013/10/12 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
公积金单位接收函
2014/01/11 职场文书
企业文化建设实施方案
2014/03/22 职场文书
房屋过户委托书范本
2014/10/07 职场文书
离婚协议书格式范本
2016/03/18 职场文书
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android