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


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 相关文章推荐
jquery调用asp.net 页面后台的实现代码
Apr 27 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
JS实现简易留言板(节点操作)
Mar 16 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
开源SNS系统-ThinkSNS
2008/05/18 PHP
PHP UTF8编码内的繁简转换类
2009/07/20 PHP
php提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
2013/08/02 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
js控制table合并具体实现
2014/02/20 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python实现的科学计算器功能示例
2017/08/04 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
2019/08/13 Python
postman传递当前时间戳实例详解
2019/09/14 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
2015/01/01 HTML / CSS
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
运动会通讯稿400字
2014/01/28 职场文书
文案策划求职信
2014/04/14 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
旷课检讨书范文
2015/01/27 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python