feat: 支付宝直连 H5 端使用 wap.pay 唤起支付宝 APP

前端传递 is_mobile 参数,AlipayProvider 根据设备类型选择:
- PC: alipay.trade.page.pay (FAST_INSTANT_TRADE_PAY)
- H5: alipay.trade.wap.pay (QUICK_WAP_WAY)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
erio
2026-03-06 18:04:11 +08:00
parent 94d25ddc31
commit d46793f072
6 changed files with 17 additions and 6 deletions

View File

@@ -27,18 +27,18 @@ function assertAlipayEnv(env: ReturnType<typeof getEnv>) {
}
/**
* 生成电脑网站支付的跳转 URLGET 方式)
* 用于 alipay.trade.page.pay
* 生成支付宝网站/H5支付的跳转 URLGET 方式)
* PC: alipay.trade.page.pay H5: alipay.trade.wap.pay
*/
export function pageExecute(
bizContent: Record<string, unknown>,
options?: { notifyUrl?: string; returnUrl?: string },
options?: { notifyUrl?: string; returnUrl?: string; method?: string },
): string {
const env = assertAlipayEnv(getEnv());
const params: Record<string, string> = {
...getCommonParams(env.ALIPAY_APP_ID),
method: 'alipay.trade.page.pay',
method: options?.method || 'alipay.trade.page.pay',
biz_content: JSON.stringify(bizContent),
};

View File

@@ -22,16 +22,20 @@ export class AlipayProvider implements PaymentProvider {
};
async createPayment(request: CreatePaymentRequest): Promise<CreatePaymentResponse> {
const method = request.isMobile ? 'alipay.trade.wap.pay' : 'alipay.trade.page.pay';
const productCode = request.isMobile ? 'QUICK_WAP_WAY' : 'FAST_INSTANT_TRADE_PAY';
const url = pageExecute(
{
out_trade_no: request.orderId,
product_code: 'FAST_INSTANT_TRADE_PAY',
product_code: productCode,
total_amount: request.amount.toFixed(2),
subject: request.subject,
},
{
notifyUrl: request.notifyUrl,
returnUrl: request.returnUrl,
method,
},
);

View File

@@ -19,6 +19,7 @@ export interface CreateOrderInput {
clientIp: string;
srcHost?: string;
srcUrl?: string;
isMobile?: boolean;
}
export interface CreateOrderResult {
@@ -134,6 +135,7 @@ export async function createOrder(input: CreateOrderInput): Promise<CreateOrderR
paymentType: input.paymentType,
subject: `${env.PRODUCT_NAME} ${payAmount.toFixed(2)} CNY`,
clientIp: input.clientIp,
isMobile: input.isMobile,
});
await prisma.order.update({

View File

@@ -21,6 +21,8 @@ export interface CreatePaymentRequest {
notifyUrl?: string;
returnUrl?: string;
clientIp?: string;
/** 是否来自移动端(影响支付宝选择 PC 页面支付 / H5 手机网站支付) */
isMobile?: boolean;
}
/** Response from creating a payment */