总结创建领取微信会员卡踩过的坑

故事还要从授权开始

首先判断用户是否授权：未授权：后端接口返回一个授权的link，使用get请求访问link，需要手动修改referer，前端带的referer要和后端配置的referer是同一个，否则会报错。

a标签会自动带当前页的 referer

<a :href="wxAuthLink" class="a cp">{{$t('立即授权')}}</a>

不想带需要添加 rel=“noopener noreferrer”

前端`Request Headers` 里带上referer 之后，就需要后端的同学发挥了，后端的接口要部在和你的referer一样的域名。。

授权之后：接口调试工具：[https://mp.weixin.qq.com/debug/](https://mp.weixin.qq.com/debug/) 调试工具的使用方法：

填写好appid appsecret会返回一个 access_token

接口类型选择卡券接口

这样就可以调试了，字段有问题会给提示。

创建会员卡：（我们使用的是1.0版本）
接口文档：点击跳转到接口文档

请求示例：

    card: {card_type: 'MEMBER_CARD',member_card: {background_pic_url: '', // 背景图片URLbase_info: {notice: '使用时向服务员出示此码',logo_url: '', // logo URLbrand_name: '',code_type: 'CODE_TYPE_BARCODE',title: '',color: 'Color010',center_title: '',center_sub_title: '',center_url: '',description: '', // 会员卡详情里的使用须知service_phone: '', // 会员卡详情里的手机号码date_info: {type: 'DATE_TYPE_PERMANENT'},sku: {quantity: 100000000},pay_info: {swipe_card: {is_swipe_card: false // 微信支付}},get_limit: 1 // 每人可领券的数量限制，建议会员卡每人限领一张 （画重点）},supply_balance: false, // 是否支持储值wx_activate: true, // 自动激活prerogative: '', // 会员卡详情里的特权说明advanced_info: {'business_service': [] // 会员卡详情里的商户服务},supply_bonus: false, // 显示积分，填写true或false，如填写true，积分相关字段均为必 填 若设置为true则后续不可以被关闭。bonus_url: '', // 积分urlcustom_field1: {'name_type': 'FIELD_NAME_TYPE_LEVEL','url': ''},custom_field2: {'name_type': 'FIELD_NAME_TYPE_COUPON','url': ''},custom_cell1: {name: '',tips: '',url: ''},custom_cell2: {name: '',tips: '',url: ''}}},

要根据需求理性选择字段呢
微信支付： swipe_card 字段
注意： 创建的时候要用card包裹，编辑的时候不需要用card包裹。。。。。

编辑： 不可修改品牌名称 栏位2，设置后不可删除只能修改
还有很多不能删除或者修改的，目前还不能完全找到，需要慢慢找
编辑示例：

{"member_card": {"custom_cell1": {"name": "欢迎来到华为官网我的精致花粉们","tips": "欢迎来到华为","url": "https://consumer.huawei.com/"},"advanced_info": {"business_service": ["BIZ_SERVICE_DELIVER", "BIZ_SERVICE_FREE_PARK", "BIZ_SERVICE_FREE_WIFI", "BIZ_SERVICE_WITH_PET"]},"prerogative":"特权说明","supply_bonus": true,"bonus_url": "积分链接","base_info": {"color": "Color010","logo_url": "http://mmbiz.qpic.cn/mmbiz_jpg/Y5otQicOXUK2RyX59yBU6LjSsTpPkYSNDXgslq1cJgNdE32dEbgicVUYG2TwM3M0P5ibBBBs9bW5F1cicP3AZVKdwg/0","description": "description","brand_name": "HUAWEI2","title": "华为VIP","service_phone": "010-5215815","notice": "使用时向服务员出示此码","code_type": "CODE_TYPE_BARCODE","pay_info": {"swipe_card": {"is_swipe_card": true}}},"supply_balance": false,"background_pic_url": "http://mmbiz.qpic.cn/mmbiz_jpg/Y5otQicOXUK2RyX59yBU6LjSsTpPkYSND98WyyXDksBnH6xLdajkJfl7MWr9mJbnuGCxUGWaqJMeq8yWmUibTvYA/0","discount": 1,"custom_field1": {"name_type": "FIELD_NAME_TYPE_LEVEL","url": "等级URL"},"custom_field2": {"name_type": "FIELD_NAME_TYPE_COUPON","url": "优惠券的url"},"custom_cell2": {"name": "欢迎来到小米官网","tips": "欢迎来到小米","url": "https://www.mi.com/"}},"card_id": "pfTj4jk__t19mlJ6D0hNQQh9rSww"
}

编辑调用的接口：
https://developers.weixin.qq.com/doc/offiaccount/Cards_and_Offer/Membership_Cards/Manage_Member_Card.html#2

编辑的参数我把不需要的参数删除了。不然会报错呢。

获取用户信息文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0
直接拼接参数就行了

https://open.weixin.qq.com/connect/oauth2/authorize?appid=${data.appid}&redirect_uri=${data.redirect_uri}&response_type=code&scope=snsapi_userinfo#wechat_redirect

使用的appid是开发者的ID(AppID) 配置的回调地址要和redirect_uri一致
以个人公众号为例：

用户领卡表单设置：文档地址就是创建会员卡的地址，下面有创建开卡项的。搜索关键词 - 手机号

请求示例：

{"required":{"common_fields":["OPEN_FORM_FIELD_GENDER","OPEN_FORM_FIELD_MOBILE","OPEN_FORM_FIELD_NAME"]},"
optional":{"common_fields":["OPEN_FORM_FIELD_ADDRESS","OPEN_FORM_FIELD_CITY"]}}

注意 “教育背景” 字段 USER_FORM_INFO_FLAG_EDUCATION_BACKGROUND
文档上前后不一。

领取会员卡
文档地址:
https://developers.weixin.qq.com/doc/offiaccount/Cards_and_Offer/Distributing_Coupons_Vouchers_and_Cards.html

这个接口不论是返回url和show_qrcode_url 返回的只能生成二维码扫码，不可以直接点击跳转。。

貌似就这些回头来补编辑的注意事项。

补充：中心按钮。按钮文案和提示语。这里的 18 和 24 指的是字节。

返回的图片无法显示这一块，详见另一篇博客。 [https://blog.csdn.net/weixin_46034375/article/details/119353056?spm=1001.2014.3001.5501](https://blog.csdn.net/weixin_46034375/article/details/119353056?spm=1001.2014.3001.5501)

总结创建领取微信会员卡踩过的坑相关推荐

php微信支付mch_id参数格式错误,再说一下微信支付踩到的坑 mch_id 参数格式错误...
微信小程序支付在好久之前写过一次,后来再写的话也是用别人的 SDK 了,之前写的文章好像留了一点坑博客有发过一篇关于微信小程序支付的文章,见PHP完成微信小程序在线支付功能贴了代码没有检查,也给 ...
C# 微信开发-----微信会员卡（一）
这是微信的官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1451025283,能看懂的朋友就请不要往下看了,我是看不懂 ...
微信支付踩坑血泪史(JAVA -V3版本)
背景介绍最近第一次接触到微信支付,踩了很多坑,赶紧写下来,全是心酸和眼泪.话不多说.开始展示. 项目中使用的接入方式是JSAPI(参考产品中心 - 微信支付商户平台),当然也可以使用其他接入方式, ...
C# 微信开发-----微信会员卡（三）激活会员卡
在会员领取了会员卡之后需要做一个跳转性激活,模式请看下图: 在创建会员卡的时候需要配置下这个参数的值: memberActivate.aspx页面代码如下: <%@ Page Language ...
余额微信钱包图片_微信储值会员卡小程序，微信会员卡功能系统。
现在店铺做会员管理,一般都是给顾客发放卡片类的实体会员卡,顾客会把这个会员卡放在哪里呢?常见的是放在自己的钱包中,如果卡片多了,就会购买一个专门的卡包来存储这些卡.这样是不是感觉很安全,不会丢失呢?但 ...
微信会员卡管理系统：店铺智慧化管理和营销，只需一款软件
微信会员卡管理系统:店铺智慧化管理和营销,只需一款软件店铺智慧化管理和营销的时代对于传统的实体店铺行业来说,不论是连锁品牌店铺还是单独的店铺,都离不开会员管理这个难题. 会员如何管理是连接店铺与顾 ...
微信开发踩坑之旅之开发准备及服务器配置
在工作和兴趣的机缘巧合之下,我开始接触微信开发.在这里简单记述自己的微信开发踩坑之旅. 首先,由于本人标准的理工科生,记述的语言有所不足,我尽量说明准确和详细点. 本文记述主线 ·申请公众号 ·公众号 ...
uni-app小程序到微信发布踩的坑
之前一直都是听说uni-app如何的了得(跨终端),可惜自己一直没有下手,今天正好趁着新东家,不忙.好好玩玩uni-app. uni-app-新手强烈推荐使用HBuilderX,这里就不说了,按照官网 ...
怎么做微信会员卡系统_小程序会员系统怎么做
商家搭建好自己的会员卡系统之后,让我们的顾客扫码进入小程序页面就可以领取会员卡,然后可以通过会员卡充值和消费,还可以在会员卡里边充值,充值之后获取更多的优惠,所以各行各业都适合搭建一套属于自己的会员卡 ...

总结创建领取微信会员卡踩过的坑

总结创建领取微信会员卡踩过的坑相关推荐

最新文章

热门文章

总结 创建领取 微信会员卡 踩过的坑

总结 创建领取 微信会员卡 踩过的坑相关推荐

最新文章

热门文章

总结创建领取微信会员卡踩过的坑

总结创建领取微信会员卡踩过的坑相关推荐