微信卡包开发（JS-JDK）

1.官方文档有详细的教程

https://developers.weixin.qq.com/doc/offiaccount/Cards_and_Offer/WeChat_Coupon_Interface.html

2.开发流程如下

3.引入js 文件：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

4.配置config（获取授权jsapi_ticket，进行签名 ）：凑齐如下数据

5.通过接口上传logo（注意的是采用缓存上传传入的图片是本地路径）：https://developers.weixin.qq.com/doc/offiaccount/Cards_and_Offer/Create_a_Coupon_Voucher_or_Card.html

6.通过接口创建卡包获取cardId：如下样式，具体字段意思官方有介绍认真找一下。

{
"card": {
"card_type": "MEMBER_CARD",
"member_card": {
"background_pic_url": "http://mmbiz.qpic.cn/mmbiz_jpg/iaRuxfPLLfMIFkJkt1Dev9T3hjkvP9ibCYCnmxGv8iaUicBd7aD37eSlFl7MJrKFoYu9tHxibMSyrqwKBV03R5UJecw/0",
"base_info": {
"logo_url": "http://mmbiz.qpic.cn/mmbiz_jpg/iaRuxfPLLfMIFkJkt1Dev9T3hjkvP9ibCYCnmxGv8iaUicBd7aD37eSlFl7MJrKFoYu9tHxibMSyrqwKBV03R5UJecw/0",
"brand_name": "旺猫游乐场",
"code_type": "CODE_TYPE_QRCODE",
"title": "会员卡",
"color": "Color030",
"notice": "使用时向服务员会员码",
"service_phone": "020-31562342",
"description": "请出示会员码扣费",
"date_info": {
"type": "DATE_TYPE_PERMANENT"
},
"sku": {
"quantity": 50000000
},
"use_custom_code": true,
"can_give_friend": false,
"location_id_list": [
123,
12321
],
"custom_url_name": "立即使用",
"custom_url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx1a818f15db1e5022&redirect_uri=http%3a%2f%2fcloud.ecardplay.com%2fYouPosOnLineMember%2f&response_type=code&scope=snsapi_userinfo&state=63f8a3d2-55e9-4304-a21c-a0aebe80bedd#wechat_redirect",
"custom_url_sub_title": "",
"need_push_on_view": true
},
"supply_bonus": false,
"supply_balance": false,
"prerogative": "会员等级不同享受不同的折扣",
"auto_activate": true,
"discount": 10
}
}
}

6.调用wx.addCard方法

注意的是签名这里，官方给的示例是有误的，需要通过工具生成去推测签名字符串的排序。

将 api_ticket、timestamp、card_id、code、openid、nonce_str的value值进行字符串的字典序排序。

也就是他们的排序是不一定的，所以需要先判断排序，在组成字符串加密。

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#53

微信卡包开发（JS-JDK）相关推荐

微信开发-js接口的使用无法使用分享功能的一些说明
微信里面的一些js接口会跟想要的有所出入,比如分享接口的调用,不能用onclick绑定自定义按钮调用,只能使用微信页面自带菜单里的分享功能进行分享,可以改变的是自定义分享内容,我测试的是分享到微信好友 ...
从零开始编写一个微信小程序（微信开发者工具+JS+WuxUI组件库+云开发）万字整理，建议收藏！
微信小程序-魔镜笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示视频演示经历了一次升级之后,我的小程序怎么样了? 文章目录微信小程序-魔镜笔记&源码(微信开发 ...
对于微信小游戏JS开发的一点整理
对于微信小游戏JS开发的一点整理我像大家一样,遇到了不懂的喜欢在csdn上搜索解决问题,这篇文章参考了csdn上一些博主的文章,故标为转载,主要是参考博主:陈田田. tips 代码包大小上限为4MB ...
开发对接微信卡包会员卡_产品||AI刷脸会员+电子会员卡
黄蜂AI刷脸会员在最近正式上线打通微信小程序.微信卡包融入会员卡券全部功能会员储值.卡券发放.积分兑换等刷脸支付无需掏出手机给予会员尊享体验节省大量制卡成本基于微信生态的电子会员卡,无 ...
微信语音java_一篇文章教会你用Java微信语音开发
-环境.框架 1.服务器:tomcat8.0.32 2.后台框架:jfinal2.2 3.数据库:无 4.前端:wechat JS SDK 5.第三方jar:wechat4j.sauronsoftwa ...
新书《微信企业号开发揭秘》已出版，全书采用WeChatEnterprise框架开发
新书<微信企业号开发揭秘>已出版,全书基于源码与API逐步讲解,采用WeChatEnterprise框架开发纸质书购买地址: 天猫京东当当亚马逊 ...
微信网页开发，JS-SDK说明文档（openLocation地图错误）
2019独角兽企业重金招聘Python工程师标准>>> 获取微信信息,我这是php代码 //获取微信信息public function getSignPackage() {$appI ...
java微信接口开发java SpringMVC mybatis 后台框架
获取[下载地址] QQ: 313596790 [免费支持更新] 支持三大数据库 mysql oracle sqlsever 更专业.更强悍.适合不同用户群体 [ 新录针对本系统的视频教 ...
微信公众平台开发微信JSSDK开发
根据微信开发文档步骤如下: 1.先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". JS接口安全域名设置 mi. ...
atitit.微信项目开发效率慢的一些总结
atitit.微信项目开发效率慢的一些总结 #---理念问题..这个是最大的问题.. 要有专人提升开发效率才好.. #---没有一个好的开发方法体系.... ini deve 法. fell asd+ ...

微信卡包开发（JS-JDK）

微信卡包开发（JS-JDK）相关推荐

最新文章

热门文章