uniapp-小程序发券插件-领券进入微信卡包

article/2025/9/12 8:01:39

这两天有个需求,在小程序领券,然后该优惠券进入微信卡包.
官方文档:https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter5_3_1.shtml
1.在小程序配置app.json 文件中加入如下配置：

{"plugins": {"sendCoupon": {"version": "latest","provider": "wxf3f436ba9bd4be7b"}}
}

2、在小程序页面中引入发券插件

{"usingComponents": {"send-coupon": "plugin://sendCoupon/send-coupon"}
}

接下来上前端代码部分:

            <!-- 遮罩 --><view class="mask-coupon" v-if="showMask" @click="closeMask"><view class="wx-coupon"><view class="title">提示</view><view class="content">确认领取此优惠券?</view><!-- 小程序领券插件 --><send-coupon v-if='showWechatbool' @sendcoupon="getSendCoupon" @userconfirm="redirectuser":sign="sign" :send_coupon_params="send_coupon_params":send_coupon_merchant="send_coupon_merchant"><view class="get-btn">确认领取</view></send-coupon></view></view>

// 立即领取的按钮getCoupon: function(id, index, stockId) {let that = thislet list = that.couponsListlet q = [{out_request_no: '60002019189501000121',stock_id: stockId}]//  如果是需要放入卡包的券,走这个请求if (stockId) { // stockId 后端返回批次号getWechatCoupon(q).then(res => {that.sign = res.data.sign // 获取签名that.outRequestNo= res.data.outRequestNo // 获取随机数that.send_coupon_params = [{ // 发券插件的发券参数"stock_id": stockId, // 批次号"out_request_no": res.data.outRequestNo // 后读返回的随机数}]that.showMask = true // 打开弹窗that.showWechatbool = true // 打开 领取插件}).catch(err => {// console.log('err',err)})} else {//  如果不需要领入卡包  直接领进小程序getCouponReceive(id).then(function(res) {list[index].isUse = true// 后台埋点that.describeAction = '领取优惠券'that.toGetUserVisitadd()uni.showToast({title: '领取成功',icon: 'success',duration: 2000,})}).catch(function(err) {uni.showToast({title: err.msg || err.response.data.msg || err.response.data.message,icon: 'none',duration: 2000,})})}},

            // 小程序发券插件APIgetSendCoupon(res) {let that = thisconsole.log('res', res)if (res.detail.errcode == 'OK') {console.log(222)if (res.detail.send_coupon_result[0].code == 'SUCCESS') {that.showWechatbool = falsethat.showMask = falseuni.showToast({title: '领取成功',icon: 'success',duration: 2000,})} else {uni.showModal({title: '领取失败',content: res.detail.send_coupon_result[0].message,showCancel: false,success: function(res) {that.showWechatbool = falsethat.showMask = false}})}} else {// uni.showToast({//  title: '领取失败',//  icon: 'none'// })that.showWechatbool = falsethat.showMask = false}},