*会员频道-积分加钱购前端私域接入方案
随着会员频道CPS-日常支付券下架,商家需要更换为日常-积分加钱购方案;
积分+钱兑换分为公域和私域;
公域:报名测试商品+验收积分加钱方案,效果如下:
私域:先报名测试商品,报名成功之后进行开发调试。
1、在小程序中声明使用插件
在小程序项目的根目录 app.json中声明使用插件。
tradePay指组件名,支持由用户自行定义,使用组件时以自定义名称为准。
{
"plugins": {
"tradePay": {
"version": "*", // 目前只支持设置 * ,自动选择版本
"provider": "2021003178648009" // 组件Id,固定不变
},
}
}
2、商品详情页获取优惠信息
在原基础商品详情页获取测试商品优惠信息;通过获取优惠信息函数getDetailPageDiscountInfo()获取优惠信息。商品详情页接入组件代码示例:
// 引入插件
const plugin = requirePlugin('tradePay');
Page({
async onLoad() {
const params = {
// 仅为代码说明,具体参数参考入参表格!
itemDetailInfo: {
outItemId: 'zh030206',
price: '100.1',
goodsId: '支付宝侧id',
},
};
const res = await plugin.getDetailPageDiscountInfo(params) || {};
const {
success,
discountDetailInfo,
} = res;
this.discountResponse = success ? res : null;
if (!success) {
console.error('商详前置优惠接口失败');
}
......
}
});
3、商品详情展示优惠组件
"usingComponents": {
// 商品详情页前置优惠组件
"detail-discount-card": "plugin://tradePay/detailDiscountCard",
}
<view>
<detail-discount-card :discountResponse="discountResponse" />
</view>
4. 下单展示,通过plugin.getOrderPageDiscountInfo查询测试商品的优惠信息,展示对应的积分+钱
itemDetailInfoLists.push({
outItemId: '支付宝侧id',
outSkuId: '库存id',
price:'商品价格',
quantity: '数量',
goodsId: '商家侧id',
})
const params = {
orderDetailInfo: {
amount: '订单总金额',
itemDetailInfoList: itemDetailInfoLists,
},
};
const discountResult = await plugin.getOrderPageDiscountInfo(params);
const {
success,
orderDiscountDetailInfo
} = discountResult;
// 优惠数据
this.orderDiscountDetailInfo = orderDiscountDetailInfo || '';
if (success) {
// 下单接口传活动id
this.activityConsultId = orderDiscountDetailInfo ? orderDiscountDetailInfo
.activityConsultId : '';
}
5.下单交易接口传入activityConsultId
交易组件中创建订单接口(alipay.open.mini.order.create)新增入参:订单优惠信息,用于传入优惠活动咨询ID( activityConsultId)
6.使用验收工具
https://open.alipay.com/api/onlineAcceptance
选择私域验收方案,验收成功即可完成。