一、准备:

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()方法传参及整体流程相关推荐

  1. 微信小程序开发:学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]--页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

  2. 微信小程序添加卡券,领取到卡包

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 小程序实现代码: onLoad: function(option) {wx.addCard({cardList ...

  3. c# 微信小程序添加卡券签名_微信小程序获取用户信息签名解密C#

    在做小程序时,官方没有C#的解密,自己给写一个封装,希望可以帮到大家 #region 解密 #region 私有方法 private static byte[] AES_Decrypt(String ...

  4. 微信小程序添加插屏广告

    目录 微信小程序创建项目配置底部导航栏 微信小程序滚动播放内容 微信小程序功能中心模块开发 微信小程序个人中心页面开发 微信小程序获取电话号码 微信小程序显示列表数据 微信小程序显示分页列表 微信小程 ...

  5. 微信小程序与卡券功能小结

    微信小程序与卡券功能小结 前段时间公司有一个微信小程序的项目,其中有与卡券打通的功能,但是微信的官方文档实在是一言难尽...找了很多资料才解决这个问题,其中涉及到卡券的领取,卡券的核销等,在这里做一个 ...

  6. 微信小程序——添加按钮格式

    微信小程序--添加按钮 步骤一:在wxml文件中添加按钮代码(图后提供可复制代码) <button class = "button_cat">炸炸呼呼</butt ...

  7. 微信小程序——添加广告

    微信小程序--添加广告 要想在微信小程序中加入广告,首先要在微信小程序后台开通流量主 流量主需要满足:1.累计独立访问(uv)不低于1000:2.有严重违规的小程序不与开通. 广告主要有:banner ...

  8. 卡券php小程序,微信小程序领取卡券 - osc_88a08cel的个人空间 - OSCHINA - 中文开源技术交流社区...

    微信小程序领取卡券 标签(空格分隔): php 开发前需要准备的工作 1 小程序和公众号要有绑定 2 小程序和该公众号要绑定到同一个开发平台下 [https://open.weixin.qq.com/ ...

  9. 如何在微信小程序添加漂流瓶_漂流在数海中

    如何在微信小程序添加漂流瓶 This summer I helped a client automate several Excel sales reports, comparing sales fo ...

  10. 微信小程序添加全景实例

    微信小程序添加全景实例 你好! 也许这是你第一次想在小程序添加全景,也有可能不是第一次.但是本Girl 添加全景有着很深的印象,特意用文章记录下来,方便自己记住,下面就来了解本Girl添加全景的惨痛经 ...

最新文章

  1. POJ-1041 John's trip
  2. 哆啦a梦简单图画python编程_[python]画哆啦A梦,Python,绘制
  3. pandas中align函数的使用示例
  4. R语言基于模拟退火(Simulated Annealing)进行特征筛选(feature selection)
  5. phalapi-进阶篇4(notrom进阶以及事务操作)
  6. Gmail新增新功能 支援四种语言等智能功能
  7. jittor和pytorch生成网络对比之wgan_div
  8. migo获取header sap_Adjust Stock(MI06, MI07, MIGO)
  9. 无心剑随感《最完美的图形——圆》
  10. cocos creator基础-(十三)cc.Loader使用
  11. 45本数据分析、Python的书籍,包邮送到家
  12. MySQL 函数:IF(expr,v1,v2) 判断
  13. cloverconfig机型修改_Clover的Config新手设置教程
  14. 如何做好企业微信公众号运营
  15. CF卡显示位置不可用无法访问介质受写入保护怎么办
  16. IBM内存三技术:Chipkill、MPX、MM
  17. 适合新手的网站建设方案
  18. ESLint和Prettier的配置
  19. 机器学习案例:验证码识别(Captcha)
  20. MySQL建立连接慢的处理

热门文章

  1. 第一章-第六题(帮人抢票,帮人选课这些软件是否合法 你怎么看?)--By梁旭晖...
  2. mysql 在线语法检查工具,符合多个数据库的在线SQL语法检查器
  3. 华为HCNA网络技术学习指南-读书笔记
  4. python和ruby对比
  5. UE学习笔记:源码安装UE
  6. Python基础--集合创建、添加删除元素以及集合的交集、并集和差集运算
  7. CSDN博客第一期云计算最佳博主评选
  8. NB-IOT相关的术语 SGW、PGW、LTE、RRC、E-UTRAN、EPC
  9. 记录spring编译过程遇到的问题previously initiated loading for a different type with name kotlin/sequences/Seque
  10. 打乱魔方软件_怎样打乱魔方