|
|
@@ -0,0 +1,501 @@
|
|
|
+import {
|
|
|
+ ref,
|
|
|
+ reactive
|
|
|
+} from "vue";
|
|
|
+import {
|
|
|
+ orderPayAli,
|
|
|
+ orderPayWx,
|
|
|
+ orderCheck,
|
|
|
+ orderPayApple
|
|
|
+} from "@/api/shop";
|
|
|
+import {
|
|
|
+ toast
|
|
|
+} from "@/utils/common";
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+export function usePay(opt = {}) {
|
|
|
+
|
|
|
+ const {
|
|
|
+ createOrderError, // 创建订单失败
|
|
|
+ checkError, // 校验失败
|
|
|
+ payError, // 支付失败
|
|
|
+ paySuccess, //支付成功
|
|
|
+ applePayError, // 苹果内购失败
|
|
|
+ } = opt;
|
|
|
+
|
|
|
+ const aliData = reactive({
|
|
|
+ orderId: null, // 订单编号
|
|
|
+ text: '', // 订单数据
|
|
|
+ })
|
|
|
+
|
|
|
+ const wxData = reactive({
|
|
|
+ appid: '', // 应用ID（AppID）
|
|
|
+ mchid: '',
|
|
|
+ noncestr: '', // 随机字符串
|
|
|
+ orderId: '',
|
|
|
+ packageVal: '',
|
|
|
+ partnerid: '', // 商户号（PartnerID）
|
|
|
+ pid: '',
|
|
|
+ prepayid: '', // 预支付交易会话ID
|
|
|
+ timestamp: '', // 时间戳（单位：秒）
|
|
|
+ sign: '', // 签名，这里用的 MD5 签名
|
|
|
+ package: '', // 固定值
|
|
|
+ })
|
|
|
+
|
|
|
+ const appleData = reactive({
|
|
|
+ chanpinId: null, // 产品ID
|
|
|
+ paynum: "", // 支付号
|
|
|
+ receipt: "", // 票据
|
|
|
+ taocanId: null, // 套餐ID
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ function resetStatus() {
|
|
|
+ Object.assign(aliData, {
|
|
|
+ orderId: null, // 订单编号
|
|
|
+ text: '', // 订单数据
|
|
|
+ })
|
|
|
+
|
|
|
+ Object.assign(wxData, {
|
|
|
+ appid: '', // 应用ID（AppID）
|
|
|
+ mchid: '',
|
|
|
+ noncestr: '', // 随机字符串
|
|
|
+ orderId: '',
|
|
|
+ packageVal: '',
|
|
|
+ partnerid: '', // 商户号（PartnerID）
|
|
|
+ pid: '',
|
|
|
+ prepayid: '', // 预支付交易会话ID
|
|
|
+ timestamp: '', // 时间戳（单位：秒）
|
|
|
+ sign: '', // 签名，这里用的 MD5 签名
|
|
|
+ package: '', // 固定值
|
|
|
+ })
|
|
|
+
|
|
|
+ Object.assign(appleData, {
|
|
|
+ chanpinId: null, // 产品ID
|
|
|
+ paynum: "", // 支付号
|
|
|
+ receipt: "", // 票据
|
|
|
+ taocanId: null, // 套餐ID
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 支付入口 type：业务类型：wx|ali|apple； options: 入参chanpinId,taocanId,applePid
|
|
|
+ function OrderPay(type, options) {
|
|
|
+ // 初始化支付状态
|
|
|
+ resetStatus();
|
|
|
+
|
|
|
+ const {
|
|
|
+ chanpinId,
|
|
|
+ taocanId,
|
|
|
+ applePid, // 苹果商品Id ---> 用来获取支付号+票据
|
|
|
+ } = options;
|
|
|
+
|
|
|
+ if (!chanpinId) {
|
|
|
+ toast('数据异常，产品信息丢失')
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!taocanId) {
|
|
|
+ toast('数据异常，套餐信息丢失')
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type == 'wx') {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '订单创建中...',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ // 微信
|
|
|
+ orderPayWx({
|
|
|
+ chanpinId,
|
|
|
+ taocanId
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ Object.assign(wxData, res.data);
|
|
|
+ // 开始支付
|
|
|
+ wxPay(res.data);
|
|
|
+ } else {
|
|
|
+ toast('订单创建失败')
|
|
|
+ // 业务异常
|
|
|
+ createOrderError && createOrderError({
|
|
|
+ type: 'CreateOrderError',
|
|
|
+ msg: '业务异常，创建订单返回状态异常',
|
|
|
+ err: new Error('业务异常，创建订单返回状态异常'),
|
|
|
+ form: 'wx'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ uni.hideLoading();
|
|
|
+ toast('订单创建失败')
|
|
|
+ createOrderError && createOrderError({
|
|
|
+ type: 'CreateOrderError',
|
|
|
+ msg: '创建微信订单失败',
|
|
|
+ err,
|
|
|
+ form: 'wx'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type == 'ali') {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '订单创建中...',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ // 支付宝
|
|
|
+ orderPayAli({
|
|
|
+ chanpinId,
|
|
|
+ taocanId
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ Object.assign(aliData, res.data);
|
|
|
+ // 开始支付
|
|
|
+ aliPay(res.data);
|
|
|
+ } else {
|
|
|
+ toast('订单创建失败')
|
|
|
+ // 业务异常
|
|
|
+ createOrderError && createOrderError({
|
|
|
+ type: 'CreateOrderError',
|
|
|
+ msg: '业务异常，创建订单返回状态异常',
|
|
|
+ err: new Error('业务异常，创建订单返回状态异常'),
|
|
|
+ form: 'ali'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ uni.hideLoading();
|
|
|
+ createOrderError && createOrderError({
|
|
|
+ type: 'CreateOrderError',
|
|
|
+ msg: '创建微信订单失败',
|
|
|
+ err,
|
|
|
+ form: 'ali'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (type == 'apple') {
|
|
|
+ if (!applePid) {
|
|
|
+ toast('数据异常，商品信息丢失')
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ uni.showLoading({
|
|
|
+ title: '订单创建中...',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ applePay(options)
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 微信支付
|
|
|
+ function wxPay(options) {
|
|
|
+ Object.assign(wxData, options);
|
|
|
+ try {
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: "wxpay",
|
|
|
+ orderInfo: options,
|
|
|
+ success: (res) => {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '订单支付中...',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ // 校验支付结果
|
|
|
+ setTimeout(() => OrderCheckWx(), 1000)
|
|
|
+ },
|
|
|
+ fail: (err) => {
|
|
|
+ payError && payError({
|
|
|
+ type: 'wxPay',
|
|
|
+ msg: '微信支付失败',
|
|
|
+ err,
|
|
|
+ from: 'uni.requestPayment.fail'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } catch (err) {
|
|
|
+ payError && payError({
|
|
|
+ type: 'wxPay',
|
|
|
+ msg: '微信支付API唤起失败',
|
|
|
+ err,
|
|
|
+ from: 'uni.requestPayment'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 校验
|
|
|
+ function OrderCheckWx() {
|
|
|
+ orderCheck({
|
|
|
+ id: wxData.orderId
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 0 && res.data) {
|
|
|
+ // 校验通过，支付成功
|
|
|
+ paySuccessResult();
|
|
|
+ } else {
|
|
|
+ setTimeout(() => {
|
|
|
+ orderCheck({
|
|
|
+ id: wxData.orderId
|
|
|
+ }).then(res2 => {
|
|
|
+ if (res2.code == 0 && res2.data) {
|
|
|
+ // 校验通过，支付成功
|
|
|
+ paySuccessResult();
|
|
|
+ }
|
|
|
+ }).catch(err1 => {
|
|
|
+ uni.hideLoading()
|
|
|
+ toast('支付二次查验失败，请联系管理员')
|
|
|
+ checkError && checkError({
|
|
|
+ type: 'OrderCheckWx',
|
|
|
+ msg: '支付二次查验失败，请联系管理员',
|
|
|
+ err: err1,
|
|
|
+ form: 'wx'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }, 5000)
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ uni.hideLoading()
|
|
|
+ toast('支付查验失败，请联系管理员')
|
|
|
+ checkError && checkError({
|
|
|
+ type: 'OrderCheckWx',
|
|
|
+ msg: '支付查验失败，请联系管理员',
|
|
|
+ err: err,
|
|
|
+ form: 'wx'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 支付宝支付
|
|
|
+ function aliPay(options) {
|
|
|
+
|
|
|
+ Object.assign(aliData, options);
|
|
|
+
|
|
|
+ try {
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: "alipay",
|
|
|
+ orderInfo: options.text, //此处为服务器返回的订单信息字符串
|
|
|
+ success: (res) => {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '订单支付中...',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ // 校验支付结果
|
|
|
+ setTimeout(() => OrderCheckAli(), 1000)
|
|
|
+ },
|
|
|
+ fail: (err) => {
|
|
|
+ payError && payError({
|
|
|
+ type: 'aliPay',
|
|
|
+ msg: '支付宝支付失败',
|
|
|
+ err,
|
|
|
+ from: 'uni.requestPayment.fail'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } catch (err) {
|
|
|
+ payError && payError({
|
|
|
+ type: 'aliPay',
|
|
|
+ msg: '支付宝API唤起失败',
|
|
|
+ err,
|
|
|
+ from: "uni.requestPayment"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 校验
|
|
|
+ function OrderCheckAli() {
|
|
|
+ orderCheck({
|
|
|
+ id: aliData.orderId
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 0 && res.data) {
|
|
|
+ // 校验通过，支付成功
|
|
|
+ paySuccessResult();
|
|
|
+ } else {
|
|
|
+ setTimeout(() => {
|
|
|
+ orderCheck({
|
|
|
+ id: aliData.orderId
|
|
|
+ }).then(res2 => {
|
|
|
+ if (res2.code == 0 && res2.data) {
|
|
|
+ // 校验通过，支付成功
|
|
|
+ paySuccessResult();
|
|
|
+ }
|
|
|
+ }).catch(err1 => {
|
|
|
+ uni.hideLoading()
|
|
|
+ toast('支付二次查验失败，请联系管理员')
|
|
|
+ checkError && checkError({
|
|
|
+ type: 'OrderCheckAli',
|
|
|
+ msg: '支付二次查验失败，请联系管理员',
|
|
|
+ err: err1,
|
|
|
+ form: 'ali'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }, 5000)
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ uni.hideLoading()
|
|
|
+ toast('支付查验失败，请联系管理员')
|
|
|
+ checkError && checkError({
|
|
|
+ type: 'OrderCheckAli',
|
|
|
+ msg: '支付查验失败，请联系管理员',
|
|
|
+ err: err,
|
|
|
+ form: 'ali'
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 苹果支付 --- 无需check 直接购买成功
|
|
|
+ function applePay(options) {
|
|
|
+ Object.assign(appleData, options)
|
|
|
+
|
|
|
+ try {
|
|
|
+ plus.payment.getChannels(function(channels) {
|
|
|
+ uni.hideLoading();
|
|
|
+ // 获取 id 为 'appleiap' 的 channel
|
|
|
+ // 开通了app应用内支付，在manifest.josn中设置，开通后需打自定议基座
|
|
|
+ // iapChannel 为应用内支付对象
|
|
|
+ const iapChannel = channels.find((item) => item.id == "appleiap");
|
|
|
+ // ids 数组中的项为 App Store Connect 配置的内购买项目产品ID（productId）
|
|
|
+ if (!iapChannel) {
|
|
|
+ toast('未找到产品内购信息，请联系管理员')
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "applePay",
|
|
|
+ msg: "内购商品Id丢失，请确认是否已成功配置",
|
|
|
+ err: new Error("内购商品Id丢失，请确认是否已成功配置"),
|
|
|
+ from: "apple",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ const ids = [options.applePid];
|
|
|
+
|
|
|
+ iapChannel.requestOrder(
|
|
|
+ ids,
|
|
|
+ function(e) {
|
|
|
+ // 获取订单信息成功回调方法
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: "appleiap",
|
|
|
+ orderInfo: {
|
|
|
+ productid: options.applePid, //产品id,来自于苹果
|
|
|
+ quantity: 1, //产品数量
|
|
|
+ manualFinishTransaction: true,
|
|
|
+ },
|
|
|
+ success: (e) => {
|
|
|
+ // 苹果内购成功
|
|
|
+
|
|
|
+ const {
|
|
|
+ transactionIdentifier: paynum,
|
|
|
+ transactionReceipt: receipt,
|
|
|
+ } = e;
|
|
|
+ Object.assign(appleData, {
|
|
|
+ paynum,
|
|
|
+ receipt,
|
|
|
+ });
|
|
|
+
|
|
|
+ orderPayApple({
|
|
|
+ chanpinId: appleData.chanpinId, // 产品ID
|
|
|
+ paynum: paynum, // 支付号
|
|
|
+ receipt: receipt, // 票据
|
|
|
+ taocanId: chanpinId.taocanId, // 套餐ID
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.code == 0 && res.data) {
|
|
|
+ // 完成内购
|
|
|
+ iapChannel.finishTransaction(data
|
|
|
+ .transactionIdentifier);
|
|
|
+ // 购买成功
|
|
|
+ paySuccessResult();
|
|
|
+ } else {
|
|
|
+ iapChannel.finishTransaction(data
|
|
|
+ .transactionIdentifier);
|
|
|
+ toast("业务异常，订单支付失败，请联系管理员");
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "orderPayApple",
|
|
|
+ msg: "业务异常，订单支付失败",
|
|
|
+ err: e,
|
|
|
+ from: "apple",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "orderPayApple",
|
|
|
+ msg: "订单支付校验失败",
|
|
|
+ err: e,
|
|
|
+ from: "apple",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail: (e) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ toast("苹果购买失败，请联系管理员");
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "uni.requestPayment",
|
|
|
+ msg: "苹果内购失败",
|
|
|
+ err: e,
|
|
|
+ from: "apple",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ function(e) {
|
|
|
+ // 获取订单信息失败回调方法
|
|
|
+ uni.hideLoading();
|
|
|
+ toast('内购订单获取失败，请联系管理员')
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "uni.requestPayment",
|
|
|
+ msg: "苹果内购失败",
|
|
|
+ err: e,
|
|
|
+ from: "apple",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ );
|
|
|
+ });
|
|
|
+ } catch (err) {
|
|
|
+ applePayError &&
|
|
|
+ applePayError({
|
|
|
+ type: "uni.requestPayment",
|
|
|
+ msg: "苹果内购API唤起失败",
|
|
|
+ err: e,
|
|
|
+ from: "plus.payment.getChannels",
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 支付成功
|
|
|
+ function paySuccessResult() {
|
|
|
+ uni.hideLoading()
|
|
|
+ toast('支付成功')
|
|
|
+ paySuccess && paySuccess();
|
|
|
+ }
|
|
|
+
|
|
|
+ return {
|
|
|
+ OrderPay
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * 错误
|
|
|
+ * 1. 创建订单错误
|
|
|
+ * 2. 支付SDK错误
|
|
|
+ * 3. 支付成功后，后台错误
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ *
|
|
|
+ */
|
tanxue