微信小程序开会员卡踩坑

本文详细介绍如何在微信小程序中实现会员卡激活功能,包括后台请求会员卡激活链接,解析返回值,使用decodeURIComponent()进行URL解码,以及在app.json中配置navigateToMiniProgramAppIdList等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<navigator class="wi" target="miniProgram" app-id="wxeb490c6f9b154ef9" extra-data="{{dataurl}}" bindsuccess="ss" bindcomplete="bindcomplete" bindfail="bindfail">领取会员卡</navigator>

我这里是后台请求的https://api.weixin.qq.com/card/membercard/activate/geturl?access_token= ACCESS_TOKEN,然后将返回值原封不动的传给前端,如果是前端请求就得拿到card_id;

然后截取返回的“url”拿到:
encrypt_card_id,outer_str,biz;
其中encrypt_card_id,biz需要url编码(最好全部编码)
微信小程序使用decodeURIComponent()

然后三个参数组成对象赋值给dataurl后点击即可跳转会员卡;
注意是对象赋值,extra-data只接受对象,不用JSON.stringify()
传其他数据类型会是null

还有,需要再app.json中配置 navigateToMiniProgramAppIdList

真机测试

开卡成功后在 app.js 里用 onShow(data) 接收参数,访问激活链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值