1 功能介绍
小程序会员开卡组件的功能我就不赘述，在此说一下我是怎么调通会员开卡组件的，我的思路是先在公众号平台的测试接口填写测试数据，接口测通了再考虑代码编写
1.1 检查事项
1）公众号帐号，小程序帐号，开放平台帐号之间的绑定关系：公众号要关联小程序帐号，开放平台要同时绑定公众号和小程序帐号
2）还有公众号的卡券功能是否开通
1.2 非跳转型开卡组件
1.2.1 接口测试
第一步：用公众号的appId和secret获取access_token，注意一定要是公众号的appId和secret，等后面调出了会员开卡组件，我才明白这是因为小程序和公众号要共用一张会员卡
获取access_token失败原因：IP地址没有加入公众号白名单
第二步：创建卡券接口，会员卡的**方式选择“wx_activate":true,"wx_activate_after_submit" : false，获得card_id
接口测试我就研究到这里，因为公司的平台可以在后台创建会员卡，所以会员卡id我有了
1.2.2 获取开卡组件所需的参数
后台方法
1.2.3 前端使用组件
<navigator target="miniProgram" hidden="{{hiddenButton1}}" app-id="wxeb490c6f9b154ef9" class="nav-title" extra-data="{{extraData}}">去注册</navigator>
extraData定义在js文件的data里
extraData: {
encrypt_card_id: '6i0v8XBqavVzR8zE3ZtM1sTRypLbStwz1T31Dy1LxpP9J78tgkV6QmboKwTNTgQ2',
outer_str: '123',
biz: 'MzU1NDAzMTE5OA=='
}
1.2.4 修改app.json
加上这句
"navigateToMiniProgramAppIdList": [
"wxeb490c6f9b154ef9"
]
1.2.5 使用预览
在手机上点击去注册可以看到会员开卡组件被调出来了
1.2.6 遗留问题
extraData我是从接口获得参数后，在js里面绑定的。我没有想明白怎样在js里调用接口，给extraData赋值