|
|
## 支付宝交易组件
|
|
|
|
|
|
```
|
|
|
第一步 订购插件和关联小程序
|
|
|
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。
|
|
|
|
|
|
第二步 配置主体小程序项目
|
|
|
在小程序开发工具里面打开需要使用插件的项目，然后配置app.json：
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"tradePay": {
|
|
|
"version": "*",// 目前只支持设置 * 拉取当前上架最新版本
|
|
|
"provider": "2021003178648009"
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
注意：请修改上述文件的“tradePay”名称以和使用插件的代码匹配。
|
|
|
|
|
|
|
|
|
uniapp：manifest.json插件配置
|
|
|
|
|
|
"mp-alipay" : {
|
|
|
"usingComponents" : true,
|
|
|
"appid" : "2021003197674866",
|
|
|
"plugins": {
|
|
|
"tradePay": {
|
|
|
"version": "*", // 目前只支持设置 * ，自动选择版本
|
|
|
"provider": "2021003178648009" // 组件Id，固定不变
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
|
|
|
uniapp：pages.json，subPackages/order/preview/index，style内增加
|
|
|
"usingComponents": {
|
|
|
"discount-card": "plugin://tradePay/discountCard"
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
## 商品详情组件插件
|
|
|
|
|
|
```
|
|
|
第一步 订购插件和关联小程序
|
|
|
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。
|
|
|
|
|
|
第二步 配置主体小程序项目
|
|
|
在小程序开发工具里面打开需要使用插件的项目，然后配置app.json：
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"theGoodsEdit": {
|
|
|
"version": "*",// 目前只支持设置 * 拉取当前上架最新版本
|
|
|
"provider": "2021003177653028"
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
注意：请修改上述文件的“tradePay”名称以和使用插件的代码匹配。
|
|
|
|
|
|
|
|
|
uniapp：manifest.json插件配置
|
|
|
|
|
|
"mp-alipay" : {
|
|
|
"usingComponents" : true,
|
|
|
"appid" : "2021003197674866",
|
|
|
"plugins": {
|
|
|
"theGoodsEdit": {
|
|
|
"lazy",
|
|
|
"genericsImplementation": {
|
|
|
"goodsDetail": {
|
|
|
"detail-images": "/components/detail-images/detail-images" // 商家可以通过修改 /components/detail-images/detail-images 路径，传入自定义组件
|
|
|
}
|
|
|
},
|
|
|
"version": "*", // 目前只支持设置 * ，自动选择版本
|
|
|
"provider": "2021003177653028" // 组件Id，固定不变
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
## 本地生活商品插件集成sop
|
|
|
## [文档](https://www.yuque.com/wenheng-68qmd/dthzsu/cnfuc25naz42q61v?singleDoc#OaKw6)
|
|
|
|
|
|
```
|
|
|
第一步 订购插件和关联小程序
|
|
|
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。
|
|
|
|
|
|
第二步 配置主体小程序项目
|
|
|
在小程序开发工具里面打开需要使用插件的项目，然后配置app.json：
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"groupPurchaseoucherPlugin": {
|
|
|
"version": "*", // 目前只支持设置 * ，自动选择版本
|
|
|
"provider": "2021003190661263"
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
<!--
|
|
|
uniapp：manifest.json插件配置
|
|
|
|
|
|
"mp-alipay" : {
|
|
|
"usingComponents" : true,
|
|
|
"appid" : "2021003197674866",
|
|
|
"plugins": {
|
|
|
"groupPurchaseoucherPlugin": {
|
|
|
"version": "*", // 目前只支持设置 * ，自动选择版本
|
|
|
"provider": "2021003190661263"
|
|
|
}
|
|
|
}
|
|
|
}, -->
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
## 商家会员卡
|
|
|
## [文档](https://opendocs.alipay.com/open/03sx7u?pathHash=1abe9241&ref=api)
|
|
|
|
|
|
```
|
|
|
第一步 订购插件和关联小程序
|
|
|
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。
|
|
|
|
|
|
第二步 配置主体小程序项目
|
|
|
在小程序开发工具里面打开需要使用插件的项目，然后配置app.json：
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"alipassToolKit": { // 请自定义插件名称
|
|
|
"version": "*", // 目前只支持设置 * 拉取当前上架最新版本
|
|
|
"provider": "2021001107697072" // 固定值，插件 ID
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
装修组件 pages\index\components\TemplateAliMembershipCard.vue
|
|
|
|
|
|
```
|
|
|
|
|
|
## 支付宝支付券（领券组件）插件
|
|
|
|
|
|
```
|
|
|
文档：https://opendocs.alipay.com/open/08b369?pathHash=6f84a8c0
|
|
|
微信公众平台，小程序设置，增加支付券插件
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"couponPlugin": {
|
|
|
"version": "*", // 拉取当前上架最新版本
|
|
|
"provider": "2021002172680015" // 领券组件插件 ID，固定值
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
注意：请修改上述文件的“couponPlugin”名称以和使用插件的代码匹配。
|
|
|
|
|
|
|
|
|
uniapp：manifest.json插件配置
|
|
|
|
|
|
"plugins": {
|
|
|
"couponPlugin": {
|
|
|
"version": "*", // 拉取当前上架最新版本
|
|
|
"provider": "2021002172680015" // 领券组件插件 ID，固定值
|
|
|
}
|
|
|
}
|
|
|
|
|
|
uniapp：pages.json，subPackages/pay_coupon/info，style内增加
|
|
|
|
|
|
"usingComponents": {
|
|
|
"get-coupon": "plugin://couponPlugin/get-coupon"
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 微信支付券插件 - 暂时废弃
|
|
|
|
|
|
```
|
|
|
文档：https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter9_3_1.shtml
|
|
|
微信公众平台，小程序设置，增加支付券插件
|
|
|
|
|
|
{
|
|
|
"plugins": {
|
|
|
"sendCoupon": {
|
|
|
"version": "1.4.13",
|
|
|
"provider": "wxf3f436ba9bd4be7b"
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
注意：请修改上述文件的“sendCoupon”名称以和使用插件的代码匹配。
|
|
|
|
|
|
|
|
|
uniapp：manifest.json插件配置
|
|
|
|
|
|
"mp-weixin" : {
|
|
|
"plugins": {
|
|
|
"sendCoupon": {
|
|
|
"version": "1.5.0",
|
|
|
"provider": "wxf3f436ba9bd4be7b"
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
|
|
|
uniapp：pages.json，subPackages/pay_coupon/index，style内增加
|
|
|
"usingComponents": {
|
|
|
"send-coupon": "plugin://sendCoupon/send-coupon"
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
## 微信 H5 支付
|
|
|
## [参考文档 前端的微信支付（JSSDK支付）](https://juejin.cn/post/6844903954355060749#heading-11)
|
|
|
## [参考文档 JSAPI调起支付API](https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_1_4.shtml)
|
|
|
## [参考文档 JS-SDK说明文档](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#59)
|
|
|
|
|
|
// utils/wxConfig.js
|
|
|
|
|
|
// 异步获取配置数据
|
|
|
```JavaScript
|
|
|
async function getConfigData(url) {
|
|
|
// 接口获取签名
|
|
|
return {
|
|
|
app_id: "", // 必填，公众号的唯一标识
|
|
|
timestamp: "", // 必填，生成签名的时间戳
|
|
|
noncestr: "", // 必填，生成签名的随机串
|
|
|
signature: "", // 必填，签名
|
|
|
};
|
|
|
}
|
|
|
```
|
|
|
- subPackages/pay/index.vue
|
|
|
- 发起一个微信支付请求 `subPackages\pay\index.vue`
|
|
|
```JavaScript
|
|
|
wechatPayNow() // h5 调用
|
|
|
```
|
|
|
|
|
|
|
|
|
```JavaScript
|
|
|
//发送给朋友
|
|
|
onShareAppMessage(res) {
|
|
|
if (res.from === 'button') { // 来自页面内分享按钮
|
|
|
console.log(res.target)
|
|
|
}
|
|
|
return {
|
|
|
title: this.control.titleStyle.name,
|
|
|
path: `/pages/index/index?distributor_id=${this.getUser("id")}`,
|
|
|
summary: ""
|
|
|
}
|
|
|
},
|
|
|
```
|
|
|
|
|
|
· 首页 (分销ID) `/pages/index/index`
|
|
|
|
|
|
· 商品详情 (商品ID、分销ID) `/subPackages/goods/goods/index`
|
|
|
|
|
|
· 限时折扣 (折扣ID) `/subPackages/goods/goods/index`
|
|
|
|
|
|
· 满减优惠 (折扣ID) `/subPackages/goods/goods/index`
|
|
|
|
|
|
· 套餐列表 `/subPackages/goods/goods/packageList`
|
|
|
|
|
|
· 套餐详情 (套餐ID、mch_id) `/subPackages/goods/goods/package`
|
|
|
|
|
|
· 分类页面 `/pages/cat/cat`
|
|
|
|
|
|
· 附近门店 `/subPackages/stores/index/index`
|
|
|
|
|
|
· 门店详情 (门店ID) `/subPackages/stores/storesDetails/index`
|
|
|
|
|
|
· 门店列表 (点餐) `/subPackages/stores/restaurantList/index`
|
|
|
|
|
|
· 点餐页面 (门店ID) `/subPackages/takeaway/index`
|
|
|
|
|
|
· 文章列表 `/subPackages/article/index`
|
|
|
|
|
|
· 文章详情 `/subPackages/article/detail`
|
|
|
|
|
|
· 领券中心 `/subPackages/coupons/index/index`
|
|
|
|
|
|
· DIY页面 (页面ID) `/subPackages/diy/index`
|
|
|
|
|
|
· 预约中心 `/subPackages/reservation/index`
|
|
|
|
|
|
· 预约服务 `/subPackages/reservation/serve`
|
|
|
|
|
|
· 预约技师列表 (ID) `/subPackages/reservation/technician`
|
|
|
|
|
|
· 预约技师 (ID) `/subPackages/reservation/technicianDetali`
|