uniapp h5 支付宝支付 表单提交方法

要在 uniapp 中使用支付宝支付，你需要使用支付宝的开放平台提供的支付宝接口。以下是一个简单的示例，显示如何在 uniapp 中使用支付宝支付。

1. 在 manifest.json 中添加支付宝支付的权限：

{
  "mp-weixin": {},
  "mp-alipay": {
    "app_id": "xxxx"
  }
}

其中，app_id 是你的支付宝应用的应用 ID。

2. 在页面中添加支付宝支付的按钮，并在点击按钮时调用支付方法：

<template>
  <view>
    <button type="primary" @click="pay">支付宝支付</button>
  </view>
</template>

<script>
export default {
  methods: {
    pay() {
      uni.requestPayment({
        provider: 'alipay',
        orderInfo: 'xxxx', // 从服务端获取的支付宝订单信息
        success: function(res) {
          console.log('支付成功', res)
        },
        fail: function(err) {
          console.log('支付失败', err)
        }
      })
    }
  }
}
</script>

其中，orderInfo 是从服务端获取的支付宝订单信息，它应该包含以下信息：

- 商户订单号
- 支付宝交易号
- 订单总金额
- 订单标题
- 订单描述

你需要根据支付宝的接口文档生成正确的订单信息。

3. 在服务端生成支付宝订单信息，并将其返回给客户端。以下是一个示例 Node.js 代码：

const AlipaySdk = require('alipay-sdk').default
const AlipayFormData = require('alipay-sdk/lib/form').default
const alipaySdk = new AlipaySdk({
  appId: 'xxxx',
  privateKey: 'xxxx',
  signType: 'RSA2',
  alipayPublicKey: 'xxxx'
})
const formData = new AlipayFormData()
formData.setMethod('get')
formData.addField('appId', 'xxxx')
formData.addField('charset', 'utf-8')
formData.addField('signType', 'RSA2')
formData.addField('timestamp', Date.now())
formData.addField('version', '1.0')
formData.addField('notifyUrl', 'xxxx')
formData.addField('bizContent', {
  outTradeNo: 'xxxx', // 商户订单号
  productCode: 'FAST_INSTANT_TRADE_PAY',
  totalAmount: '0.01', // 订单总金额
  subject: '测试订单',
  body: '测试订单描述'
})
const result = await alipaySdk.exec(
  'alipay.trade.page.pay',
  {},
  { formData: formData }
)
const payUrl = result.data.replace('<script>document.forms[0].submit();</script>', '')
return payUrl

在上面的代码中，你需要将 appId、privateKey、alipayPublicKey、notifyUrl 替换为你的支付宝应用的对应信息。bizContent 中的信息是订单信息，你需要根据你的业务逻辑生成正确的订单信息。最后，将生成的支付宝支付链接返回给客户端即可。