支付宝交易组件

第一步 订购插件和关联小程序
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。

第二步 配置主体小程序项目
在小程序开发工具里面打开需要使用插件的项目，然后配置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

文档

第一步 订购插件和关联小程序
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。

第二步 配置主体小程序项目
在小程序开发工具里面打开需要使用插件的项目，然后配置app.json：

{      
  "plugins": {
    "groupPurchaseoucherPlugin": {
		"version": "*", // 目前只支持设置 * ，自动选择版本
		"provider": "2021003190661263"
	},
  }    
}
<!-- 
uniapp：manifest.json插件配置

"mp-alipay" : {
    "usingComponents" : true,
    "appid" : "2021003197674866",
    "plugins": {
		"groupPurchaseoucherPlugin": {
			"version": "*", // 目前只支持设置 * ，自动选择版本
			"provider": "2021003190661263"
		}
    }
}, -->

商家会员卡

文档

第一步 订购插件和关联小程序
在接入插件之前，确保本账号或者本账号所属的主账号已经订购了本插件，并且已经关联到需要使用本插件的小程序。点击这里查看详细步骤。

第二步 配置主体小程序项目
在小程序开发工具里面打开需要使用插件的项目，然后配置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支付）

参考文档 JSAPI调起支付API

参考文档 JS-SDK说明文档

// utils/wxConfig.js

// 异步获取配置数据

async function getConfigData(url) {
  // 接口获取签名
  return {
    app_id: "",       // 必填，公众号的唯一标识
    timestamp: "",    // 必填，生成签名的时间戳
    noncestr: "",     // 必填，生成签名的随机串
    signature: "",    // 必填，签名
  };
}

• subPackages/pay/index.vue
• 发起一个微信支付请求 subPackages\pay\index.vue

wechatPayNow() // h5 调用

//发送给朋友
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