's'调试支付

app/lib/payment/client.ts

@@ -0,0 +1,57 @@
+/**
+ * 支付客户端 - 封装支付 API 调用
+ * 用于前端发起支付、跳转支付页
+ */
+
+import { getPaymentConfig, getJoinPaymentConfig } from "@/config/services.config";
+import type { PayChannel, PayEnv } from "./types";
+
+/** 发起支付并跳转（表单 POST 到 /api/pay） */
+export function redirectToPay(params: {
+  user_id: string;
+  return_url: string;
+  total_fee?: number;
+  type?: string;
+  channel: PayChannel;
+  device: "pc" | "h5" | "wechat";
+  /** 是否使用「加入」场景配置（主题覆盖） */
+  useJoinConfig?: boolean;
+}): void {
+  const baseConfig = getPaymentConfig();
+  const joinConfig = params.useJoinConfig ? getJoinPaymentConfig() : null;
+  const total_fee = params.total_fee ?? joinConfig?.amount ?? baseConfig.defaultAmount;
+  const type = params.type ?? joinConfig?.type ?? baseConfig.defaultType;
+
+  const payForm = document.createElement("form");
+  payForm.method = "POST";
+  payForm.action = "/api/pay";
+  payForm.target = "_self";
+  payForm.style.display = "none";
+
+  const fields: [string, string][] = [
+    ["user_id", params.user_id],
+    ["return_url", params.return_url],
+    ["total_fee", String(total_fee)],
+    ["type", type],
+    ["channel", params.channel],
+    ["device", params.device],
+    ["html", "1"],
+  ];
+
+  fields.forEach(([k, v]) => {
+    const input = document.createElement("input");
+    input.type = "hidden";
+    input.name = k;
+    input.value = v;
+    payForm.appendChild(input);
+  });
+
+  document.body.appendChild(payForm);
+  payForm.submit();
+}
+
+/** 根据 PayEnv 确定 device：微信内用 wechat 走收银台表单，payurl2 仅支持微信外 */
+export function getDeviceFromEnv(env: PayEnv): "pc" | "h5" | "wechat" {
+  if (env === "wechat") return "wechat";
+  return env === "pc" ? "pc" : "h5";
+}

app/lib/payment/config.ts

@@ -0,0 +1,2 @@
+export { getPaymentConfig, getServicesConfig } from "@/config/services.config";
+export type { PaymentConfig } from "@/config/services.config";

app/lib/payment/index.ts

@@ -0,0 +1,4 @@
+export { redirectToPay, getDeviceFromEnv } from "./client";
+export { getPayEnv, getRecommendedChannel, mustUseWxPay } from "../payEnv";
+export type { PayChannel, PayEnv, CreatePayParams, PayRedirectParams } from "./types";
+export { getPaymentConfig } from "./config";

app/lib/payment/types.ts

@@ -0,0 +1,21 @@
+export type PayChannel = "alipay" | "wxpay";
+export type PayEnv = "pc" | "h5" | "wechat";
+
+export interface CreatePayParams {
+  user_id: string;
+  return_url: string;
+  total_fee?: number;
+  type?: string;
+  channel?: PayChannel;
+  device?: "pc" | "h5" | "wechat";
+}
+
+export interface PayRedirectParams {
+  user_id: string;
+  total_fee: number;
+  type: string;
+  channel: PayChannel;
+  return_url: string;
+  device: "pc" | "h5" | "wechat";
+  html?: "1";
+}

app/lib/payment/usePayStatusPoll.ts

@@ -0,0 +1,76 @@
+/**
+ * 微信 H5 支付完成后可能不跳转，通过 cookie 中的订单号轮询检测支付状态
+ * cookie 格式：order_id|timestamp，仅对 15 分钟内设置的 cookie 轮询，避免陈旧 cookie 误触发
+ */
+import { useEffect, useRef, useState } from "react";
+
+const COOKIE_NAME = "join_pay_order";
+const POLL_INTERVAL = 2000;
+const MAX_POLLS = 150; // 约 5 分钟
+const MAX_AGE_MS = 15 * 60 * 1000; // 15 分钟
+
+function getCookie(name: string): string | null {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));
+  return match ? decodeURIComponent(match[1]) : null;
+}
+
+function clearCookie(name: string): void {
+  if (typeof document === "undefined") return;
+  document.cookie = `${name}=; path=/; max-age=0`;
+}
+
+/** 解析 cookie：order_id|timestamp，返回 [orderId, isValid]。无时间戳视为过期并清除 */
+function parsePayOrderCookie(raw: string | null): [string | null, boolean] {
+  if (!raw?.trim()) return [null, false];
+  const parts = raw.split("|");
+  const orderId = parts[0]?.trim() || raw.trim();
+  const ts = parts[1] ? parseInt(parts[1], 10) : NaN;
+  if (!orderId) return [null, false];
+  if (Number.isNaN(ts)) return [orderId, false]; // 旧格式无时间戳，视为过期
+  if (Date.now() - ts > MAX_AGE_MS) return [orderId, false]; // 超过 15 分钟
+  return [orderId, true];
+}
+
+export function usePayStatusPoll(onPaid: () => void): boolean {
+  const [polling, setPolling] = useState(false);
+  const onPaidRef = useRef(onPaid);
+  onPaidRef.current = onPaid;
+
+  useEffect(() => {
+    const raw = getCookie(COOKIE_NAME);
+    const [orderId, isValid] = parsePayOrderCookie(raw);
+    if (!orderId || !isValid) {
+      if (raw) clearCookie(COOKIE_NAME);
+      return;
+    }
+
+    setPolling(true);
+    let count = 0;
+    const timer = setInterval(async () => {
+      count++;
+      if (count > MAX_POLLS) {
+        clearInterval(timer);
+        clearCookie(COOKIE_NAME);
+        setPolling(false);
+        return;
+      }
+      try {
+        const res = await fetch(`/api/pay/status?order_id=${encodeURIComponent(orderId)}`);
+        const data = await res.json();
+        if (data?.ok && data?.paid) {
+          clearInterval(timer);
+          clearCookie(COOKIE_NAME);
+          setPolling(false);
+          onPaidRef.current();
+        }
+      } catch {
+        // 继续轮询
+      }
+    }, POLL_INTERVAL);
+
+    return () => clearInterval(timer);
+  }, []);
+
+  return polling;
+}