uniapp支付宝小程序开通商家会员卡功能流程和前端代码

支付宝官方文档

• 支付宝小程序商家后台要购买商家会员卡插件，是免费的，一般公司有专门的人来管这一块

• 购买完之后，在uni项目中manitest.json文件中写上插件代码，如果还没买就写的话，运行之后小程序会报错

• 从后端获取appid和complateId，complateId后端可能会返回多个，但前端使用只能使用一个，而且是已经开通的卡的模板id，可以让后端给一个字段标识

• 在支付包后台管理，要把后台正式地址和测试地址提交给支付宝审核，只有审核成功后，才能领卡成功

• 拿到appid和模板id后，就直接调用支付宝方法即可

够买完成后，在uni项目中manitest.json文件中写上插件代码

调后端接口拿到appid和模板id，然后用appid和模板id请求支付宝接口，点击领取会员卡后就可以调起会员卡模板了

js代码示例

//点击开启会员卡--获取appid和模板id
            onOpenCard(){
                request("xxxxx/xxx/xxx/xxx/", {
                    appId:this.appid,
                }, "POST").then((res) => {
                    if(res.result && res.result.length>0){
                        res.result.some(item=>{
                            if(item.type=2){
                                this.onOpenCard1(res.result[1].templateId,res.result[1].appId)
                            }
                            return true
                        })
                    }
                })
            },
            //商家会员卡--拿到appid和模板id后请求支付宝官方接口--调起会员卡
            onOpenCard1(temId,appId){
            var plugin = requirePlugin("alipassToolKit") // 引用名称需与 app.json 中定义名称相同，在uni中是manifest.json
            let params = {
              cardParams:{//开卡入参，
                templateId:temId, // 开卡的卡模板ID
                templateAppId:appId, // 卡模板ID 所关联的 AppId
                // outString:'商家会员卡测试',//商家自定义透传信息
                pageType:'half',//可选，默认是 half，其他参数 full
              },  
              callback: function (res) {
                  console.log('商家会员卡res======', res)
                  if (res.success === true) {
                    console.log('商家会员卡success')
                  }
                }
              }
             plugin.openCard(params);// 接口参数说明如下
            },

整体还是很简单的，官方文档也有说明，至于会员卡的模板里面的具体啥样，应该在后台里面可以自己设置，我也摸索中，下次见，有问题在评论区留言。