微信小程序添加卡券到微信卡包,使用wx.addCard()方法传参及整体流程
一、准备:
1.经微信认证过的微信公众号。
2.经微信认证过的微信小程序号。
先来看看微信小程序官方的文档,https://developers.weixin.qq.com/miniprogram/dev/api/wx.addCard.html
在看看微信介入卡券的流程,https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1490190158&version=1&lang=zh_CN&platform=2
二、开始
小程序端:
点击事件调用wx.addCard()方法,其中需要重点了解的是cardExt里面的参数
wx.addCard({cardList: [{cardId: card_id,cardExt: JSON.stringify(cardExt)}],success: (res) => {console.log(res)this.addCardSuccess(res.cardList[0].code)},fail: (err) => {console.log(err)}})
下面是官方文档的介绍
有个fixed_begintimestamp时间戳需要注意,这个字段是用户实际领取的优惠券时间,所以必须是用户领取完毕之后才可以添加到微信卡券。
这写参数都是由后台传过来的,放在了this.data.wxCardData里面
addToWeixinCard () {// this.data.wxCardData为从后台获取的一些参数,包括下面这些参数let { card_id, code, timestamp, openid, nonce_str, signature, fixed_begintimestamp } = this.data.wxCardDatalet cardExt = {code,openid,timestamp,nonce_str,fixed_begintimestamp,signature,outer_str: 'miniProgram'}console.log(card_id)wx.addCard({cardList: [{cardId: card_id,cardExt: JSON.stringify(cardExt)}],success: (res) => {console.log(res)this.addCardSuccess(res.cardList[0].code)},fail: (err) => {console.log(err)}})}
最后调用该方法就可以了,如果调用成功则会跳转到下面的页面
到这里就完成了添加到微信卡券的所有步骤了
转载于:https://www.cnblogs.com/lxlin/p/10844145.html
微信小程序添加卡券到微信卡包,使用wx.addCard()方法传参及整体流程相关推荐
- 微信小程序开发:学习笔记[8]——页面跳转及传参
微信小程序开发:学习笔记[8]--页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...
- 微信小程序添加卡券,领取到卡包
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 小程序实现代码: onLoad: function(option) {wx.addCard({cardList ...
- c# 微信小程序添加卡券签名_微信小程序获取用户信息签名解密C#
在做小程序时,官方没有C#的解密,自己给写一个封装,希望可以帮到大家 #region 解密 #region 私有方法 private static byte[] AES_Decrypt(String ...
- 微信小程序添加插屏广告
目录 微信小程序创建项目配置底部导航栏 微信小程序滚动播放内容 微信小程序功能中心模块开发 微信小程序个人中心页面开发 微信小程序获取电话号码 微信小程序显示列表数据 微信小程序显示分页列表 微信小程 ...
- 微信小程序与卡券功能小结
微信小程序与卡券功能小结 前段时间公司有一个微信小程序的项目,其中有与卡券打通的功能,但是微信的官方文档实在是一言难尽...找了很多资料才解决这个问题,其中涉及到卡券的领取,卡券的核销等,在这里做一个 ...
- 微信小程序——添加按钮格式
微信小程序--添加按钮 步骤一:在wxml文件中添加按钮代码(图后提供可复制代码) <button class = "button_cat">炸炸呼呼</butt ...
- 微信小程序——添加广告
微信小程序--添加广告 要想在微信小程序中加入广告,首先要在微信小程序后台开通流量主 流量主需要满足:1.累计独立访问(uv)不低于1000:2.有严重违规的小程序不与开通. 广告主要有:banner ...
- 卡券php小程序,微信小程序领取卡券 - osc_88a08cel的个人空间 - OSCHINA - 中文开源技术交流社区...
微信小程序领取卡券 标签(空格分隔): php 开发前需要准备的工作 1 小程序和公众号要有绑定 2 小程序和该公众号要绑定到同一个开发平台下 [https://open.weixin.qq.com/ ...
- 如何在微信小程序添加漂流瓶_漂流在数海中
如何在微信小程序添加漂流瓶 This summer I helped a client automate several Excel sales reports, comparing sales fo ...
- 微信小程序添加全景实例
微信小程序添加全景实例 你好! 也许这是你第一次想在小程序添加全景,也有可能不是第一次.但是本Girl 添加全景有着很深的印象,特意用文章记录下来,方便自己记住,下面就来了解本Girl添加全景的惨痛经 ...
最新文章
- POJ-1041 John's trip
- 哆啦a梦简单图画python编程_[python]画哆啦A梦,Python,绘制
- pandas中align函数的使用示例
- R语言基于模拟退火(Simulated Annealing)进行特征筛选(feature selection)
- phalapi-进阶篇4(notrom进阶以及事务操作)
- Gmail新增新功能 支援四种语言等智能功能
- jittor和pytorch生成网络对比之wgan_div
- migo获取header sap_Adjust Stock(MI06, MI07, MIGO)
- 无心剑随感《最完美的图形——圆》
- cocos creator基础-(十三)cc.Loader使用
- 45本数据分析、Python的书籍,包邮送到家
- MySQL 函数:IF(expr,v1,v2) 判断
- cloverconfig机型修改_Clover的Config新手设置教程
- 如何做好企业微信公众号运营
- CF卡显示位置不可用无法访问介质受写入保护怎么办
- IBM内存三技术:Chipkill、MPX、MM
- 适合新手的网站建设方案
- ESLint和Prettier的配置
- 机器学习案例:验证码识别(Captcha)
- MySQL建立连接慢的处理
热门文章
- 第一章-第六题(帮人抢票,帮人选课这些软件是否合法 你怎么看?)--By梁旭晖...
- mysql 在线语法检查工具,符合多个数据库的在线SQL语法检查器
- 华为HCNA网络技术学习指南-读书笔记
- python和ruby对比
- UE学习笔记:源码安装UE
- Python基础--集合创建、添加删除元素以及集合的交集、并集和差集运算
- CSDN博客第一期云计算最佳博主评选
- NB-IOT相关的术语 SGW、PGW、LTE、RRC、E-UTRAN、EPC
- 记录spring编译过程遇到的问题previously initiated loading for a different type with name kotlin/sequences/Seque
- 打乱魔方软件_怎样打乱魔方