Request Payment

app_id=2015052600090779&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22seller_id%22%3A%22%22%2C%22product_code%
22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A%220.02%22%2C%22subject%22%3A%221%22%2C%22body%22%3A%22%E6%88%
91%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%22
%2C%22out_trade_no%22%3A%22314VYGIAGG7ZOYY%22%7D&charset=utf-8&method=alipay.trade.app.pay&sign_type=R
SA2&timestamp=2016-08-15%2012%3A12%3A15&version=1.0&sign=MsbylYkCzlfYLy9PeRwUUIg9nZPeN9SfXPNavUCroGKR5Kqvx0nEnd3eRmKxJuthNUx4ERCXe552
EV9PfwexqW%2B1wbKOdYtDIb4%2B7PL3Pc94RZL0zKaWcaY3tSL89%2FuAVUsQuFqEJd
hIukuKygrXucvejOUgTCfoUdwTi7z%2BZzQ%3D

{
 "appid":"wxd569c7238830733b",
 "noncestr":"6N47VnR42bqIm4xq",
 "package":"Sign=WXPay",
 "partnerid":"1230636401",
 "prepayid":"wx26174750316675ac54b89c224eb3250000",
 "timestamp":1711446470,
 "sign":"EE987459B9CFF6462462147130110D31"
}

   uni.getProvider({
      service: "payment",
      success: (e) => {
         const provider = e.providers.find((item): boolean => {
            return item.id == 'wxpay'
         })

          // #ifdef APP-ANDROID
          if (provider != null && provider instanceof UniPaymentWxpayProvider && !((provider as UniPaymentWxpayProvider).isWeChatInstalled)) {
            console.log('WeChat 没有安装')
          } else {
             console.log('WeChat 已安装')
          }
          // #endif
          // #ifdef APP-IOS
          if (provider != null && ((provider as UniPaymentWxpayProvider).isWeChatInstalled == undefined || ((provider as UniPaymentWxpayProvider).isWeChatInstalled != null && (provider as UniPaymentWxpayProvider).isWeChatInstalled == false))) {
            console.log('WeChat 没有安装')
          } else {
            console.log('WeChat 已安装')
          }
          // #endif
      },
      fail: (e) => {
         console.log("获取支付通道失败：", e);
      }
   })

<template>
  <page-head title="发起支付"></page-head>
  <view class="uni-common-mt" style="padding: 0 10px;">
    <text>如对当前页面的支付示例功能有任何疑问，通过电子邮件：[email protected] 联系我们</text>
  </view>
  <template v-if="providerList.length > 0">
    <button style="margin-top: 20px;" type="primary" v-for="(item,index) in providerList" :key="index"
      @click="requestPayment(item)">{{item.name}}</button>
  </template>
</template>

<script setup lang="uts">
  export type PayItem = { id : string, name : string, provider ?: UniProvider }

  type DataType = {
    btnText : string,
    btnType : string,
    orderInfo : string,
    errorCode : number,
    errorMsg : string,
    complete : boolean,
    fail : boolean,
    outTradeNo : string,
    openid : string
  }

  const providerList = ref([] as PayItem[])
  // 自动化测试
  const data = reactive({
    btnText: "支付宝支付",
    btnType: "primary",
    orderInfo: "",
    errorCode: 0,
    errorMsg: "",
    complete: false,
    fail: false,
    outTradeNo: "",
    openid: ""
  } as DataType)

  const payAli = (id : string) => {
    uni.showLoading({
      title: "请求中..."
    })
    uni.request({
      url: 'https://demo.dcloud.net.cn/payment/alipay/?total=0.01',
      method: 'GET',
      timeout: 6000,
      success: (res) => {
        data.orderInfo = JSON.stringify(res.data);
        console.log("====" + data.orderInfo)
        uni.hideLoading()
        uni.requestPayment({
          provider: id,
          orderInfo: res.data as string,
          fail: (res) => {
            console.log(JSON.stringify(res))
            data.errorCode = res.errCode
            uni.showToast({
              icon: 'error',
              title: 'errorCode:' + data.errorCode
            });
          },
          success: (res) => {
            console.log(JSON.stringify(res))
            uni.showToast({
              icon: 'success',
              title: '支付成功'
            });
          }
        })
      },
      fail: (e) => {
        console.log(e)
        uni.hideLoading()
      },
    });
  }

  const payWX = (id : string) => {
    uni.showLoading({
      title: "请求中..."
    })
    let url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__uniappx/?total=0.01'
    const res = uni.getAppBaseInfo();
    let packageName : string | null

    // #ifdef APP-ANDROID
    packageName = res.packageName
    // #endif

    // #ifdef APP-IOS
    packageName = res.bundleId
    // #endif

    if (packageName == 'io.dcloud.hellouniappx') {//hello uniappx
      url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__HelloUniAppX/?total=0.01'
    }
    uni.request({
      url: url,
      method: 'GET',
      timeout: 6000,
      header: {
        "Content-Type": "application/json"
      } as UTSJSONObject,
      success: (res) => {
        console.log(res.data)
        uni.hideLoading()
        uni.requestPayment({
          provider: id,
          orderInfo: JSON.stringify(res.data),
          fail: (res) => {
            console.log(JSON.stringify(res))
            data.errorCode = res.errCode
            uni.showToast({
              duration: 5000,
              icon: 'error',
              title: 'errorCode:' + data.errorCode,
            });
          },
          success: (res) => {
            console.log(JSON.stringify(res))
            uni.showToast({
              duration: 5000,
              icon: 'success',
              title: '支付成功'
            });
          }
        })
      },
      fail: (res) => {
        uni.hideLoading()
        console.log(res)
      },
    });
  }

  const payMpWexin = () => {
    let bundleId = uni.getAccountInfoSync().miniProgram.appId;
    let random = Math.floor(Math.random() * 9000) + 1000;
    data.outTradeNo = `test${Date.now()}${random}`;
    console.log('outTradeNo: ', data.outTradeNo)
    uni.showLoading({
      title: "请求中..."
    });
    uni.request({
      url: "https://env-00jxt67zj8kj.dev-hz.cloudbasefunction.cn/uni-pay-api/getOrderInfo",
      method: "GET",
      data: {
        outTradeNo: data.outTradeNo,
        bundleId,
        openid: data.openid,
        totalFee: 1
      },
      success: (res) => {
        uni.hideLoading();
        let data = res.data as UTSJSONObject;
        let errCode = data['errCode'] as number;
        if (errCode != 0) {
          uni.showModal({
            title: "提示",
            content: data['errMsg'] as string,
            showCancel: false
          });
          return;
        }
        let orderInfo = data["orderInfo"] as string;
        console.log('orderInfo: ', orderInfo)
        uni.requestPayment({
          provider: "wxpay",
          orderInfo: orderInfo,
          ...JSON.parse(orderInfo),
          success: (res) => {
            console.log('res: ', res)
            uni.showToast({
              title: "支付成功",
              icon: 'success'
            });
          },
          fail: (err) => {
            console.error("err", err);
            uni.hideLoading();
            uni.showToast({
              title: "支付失败",
              icon: 'error'
            });
          }
        });
      },
      fail: (err) => {
        uni.hideLoading();
        console.error("request-err", err);
      }
    });
  }

  const requestPayment = (e : PayItem) => {
    const provider = e.id
    // #ifdef APP
    if (provider == "alipay") {
      payAli(provider)
    } else if (provider == "wxpay") {
      // #ifdef APP-ANDROID
      if (e.provider != null && e.provider instanceof UniPaymentWxpayProvider && !((e.provider as UniPaymentWxpayProvider).isWeChatInstalled)) {
        uni.showToast({
          title: "微信没有安装",
          icon: 'error'
        })
      } else {
        payWX(provider)
      }
      // #endif
      // #ifdef APP-IOS || APP-HARMONY
      if (e.provider != null && ((e.provider as UniPaymentWxpayProvider).isWeChatInstalled == undefined || ((e.provider as UniPaymentWxpayProvider).isWeChatInstalled != null && (e.provider as UniPaymentWxpayProvider).isWeChatInstalled == false))) {
        uni.showToast({
          title: "微信没有安装",
          icon: 'error'
        })
      } else {
        payWX(provider)
      }
      // #endif
    }
    // #endif

    // #ifdef MP-WEIXIN
    payMpWexin()
    // #endif
  }

  // #ifdef MP-WEIXIN
  const getOpenId = () => {
    uni.showLoading({
      title: "请稍等...",
      mask: true
    });
    let bundleId = uni.getAccountInfoSync().miniProgram.appId;
    uni.login({
      provider: 'weixin',
      success: (res) => {
        uni.request({
          url: "https://env-00jxt67zj8kj.dev-hz.cloudbasefunction.cn/uni-pay-api/getOpenId",
          method: "GET",
          data: {
            code: res.code,
            bundleId
          },
          success: (res) => {
            uni.hideLoading();
            data.openid = res.data.openid;
            console.log('openid: ', data.openid);
          },
          fail: (err) => {
            uni.hideLoading();
            console.error("request-err", err);
          }
        });
      }
    })
  }
  // #endif

  //自动化测试使用
  const jest_pay = () => {
    uni.requestPayment({
      provider: "alipay",
      orderInfo: data.orderInfo,
      fail: (res : RequestPaymentFail) => {
        data.errorCode = res.errCode
        data.complete = true
        data.fail = true
      },
      success: (res : RequestPaymentSuccess) => {
        console.log(JSON.stringify(res))
        data.complete = true
        data.fail = false
      }
    } as RequestPaymentOptions)
  }

  onLoad(() => {
    // #ifdef APP
    let provider = uni.getProviderSync({
      service: "payment",
    } as GetProviderSyncOptions)
    console.log(provider)
    provider.providerObjects.forEach((value : UniProvider) => {
      switch (value.id) {
        case 'alipay':
          var aliPayProvider = value as UniPaymentAlipayProvider
          console.log('alipay', aliPayProvider)
          providerList.value.push({
            name: aliPayProvider.description,
            id: aliPayProvider.id,
            provider: aliPayProvider
          } as PayItem);
          break;
        case 'wxpay':
          var wxPayProvider = value as UniPaymentWxpayProvider
          console.log('wxpay', wxPayProvider)
          providerList.value.push({
            name: wxPayProvider.description,
            id: wxPayProvider.id,
            provider: wxPayProvider
          } as PayItem);
          break;
        default:
          break;
      }
    })
    // #endif

    // #ifdef MP-WEIXIN
    getOpenId()
    providerList.value.push({
      name: '微信支付',
      id: 'wxpay'
    } as PayItem);
    // #endif
  })

  defineExpose({
    data,
    jest_pay
  })

</script>

export interface UniPaymentAlipayProvider extends UniPaymentProvider{}

import { UniPaymentAlipayProvider } from '../interface.uts'
export class UniPaymentAlipayProviderImpl implements UniPaymentAlipayProvider{
	override id : String = "XX" // id必须有插件作者前缀，避免冲突，避免不同插件作者的插件id重名
	override description : String = "XX的描述"
	override isAppExist : boolean | null = null

	constructor(){}

	override requestPayment(options : RequestPaymentOptions) {
		//todo 具体逻辑，接收uni规范的入参，进行业务处理，返回uni规范的返回值。如遇到错误，按uni的规范返回错误码
	}
}

  "app": {
    "distribute": {
      /* android打包配置 */
      "modules": {
        "uni-payment":{
          "XX":{}
        }
      }
    }
  }