WEB-19：网站支付接口集成

王尘宇网站建设 2026-03-25 15:42:16 4

网站支付接口集成 是通过选择合适的支付服务商、完成资质认证、实现支付接口对接、处理支付回调、保障交易安全，使网站能够接收在线支付的技术实施过程。

主流支付平台对比

国内支付 ⭐⭐⭐⭐⭐

支付方式	费率	结算周期	适合场景
支付宝	0.6%	T+1	全场景
微信支付	0.6%	T+1	全场景
银联云闪付	0.38%	T+1	大额支付
QQ 钱包	0.6%	T+1	年轻用户

国际支付 ⭐⭐⭐⭐

支付方式	费率	结算周期	适合场景
PayPal	3.9%+$0.3	T+3	国际电商
Stripe	2.9%+$0.3	T+2	国际电商
信用卡	2-3%	T+3	国际业务
Apple Pay	0.15%	T+1	iOS 用户

王尘宇推荐

国内业务：

首选：支付宝 + 微信支付
覆盖 95%+ 用户

国际业务：

首选：Stripe + PayPal
覆盖全球用户

支付接入流程

第 1 步：资质准备 ⭐⭐⭐⭐⭐

企业资质：

✅ 营业执照
✅ 法人身份证
✅ 对公账户
✅ 网站 ICP 备案
✅ 行业许可证（特殊行业）

个人资质：

✅ 身份证
✅ 个人银行卡
✅ 部分平台支持

第 2 步：平台注册 ⭐⭐⭐⭐⭐

支付宝接入：

1. 访问 open.alipay.com
2. 注册开发者账号
3. 创建应用
4. 签约支付产品
5. 配置密钥
6. 下载 SDK

微信支付接入：

1. 访问 pay.weixin.qq.com
2. 注册商户平台
3. 完成认证
4. 配置 API 密钥
5. 下载 SDK
6. 设置回调 URL

第 3 步：技术开发 ⭐⭐⭐⭐⭐

支付流程：

用户下单 → 创建订单 → 调用支付接口 → 
用户支付 → 支付回调 → 更新订单 → 完成

核心代码（支付宝）：

// 创建支付订单
const alipay = require('alipay-sdk');

const alipaySdk = new alipay({
  appId: 'YOUR_APP_ID',
  privateKey: 'YOUR_PRIVATE_KEY',
  alipayPublicKey: 'ALIPAY_PUBLIC_KEY'
});

// 生成支付参数
const result = await alipaySdk.exec('alipay.trade.page.pay', {
  notifyUrl: 'https://yourdomain.com/notify',
  returnUrl: 'https://yourdomain.com/return',
  bizContent: {
    outTradeNo: orderNo,
    totalAmount: amount,
    subject: orderSubject
  }
});

核心代码（微信支付）：

// 创建微信支付订单
const wxpay = require('wxpay-v3');

const order = {
  appid: 'YOUR_APPID',
  mchid: 'YOUR_MCHID',
  description: '商品描述',
  outTradeNo: orderNo,
  amount: {
    total: amount * 100, // 单位分
    currency: 'CNY'
  },
  notifyUrl: 'https://yourdomain.com/notify'
};

const result = await wxpay.transactions_jsapi(order);

第 4 步：回调处理 ⭐⭐⭐⭐⭐

回调验证：

// 支付宝回调验证
async function alipayNotify(req) {
  const result = await alipaySdk.verifyNotify(req.body);

  if (result) {
    // 验证成功
    const { outTradeNo, tradeStatus } = req.body;

    if (tradeStatus === 'TRADE_SUCCESS') {
      // 更新订单状态
      await updateOrderStatus(outTradeNo, 'paid');
    }

    return 'success';
  }

  return 'fail';
}

// 微信支付回调验证
async function wxpayNotify(req) {
  const verify = wxpay.verifySignature(req);

  if (verify) {
    const { outTradeNo, tradeState } = req.body;

    if (tradeState === 'SUCCESS') {
      await updateOrderStatus(outTradeNo, 'paid');
    }

    return { code: 'SUCCESS' };
  }

  return { code: 'FAIL' };
}

支付安全设计

数据加密 ⭐⭐⭐⭐⭐

传输加密：

✅ HTTPS 必须
✅ TLS 1.2+
✅ 敏感数据加密传输

数据存储：

✅ 不存储完整卡号
✅ 不存储 CVV
✅ Token 化存储
✅ 敏感信息加密

防欺诈机制 ⭐⭐⭐⭐

风控策略：

1. 金额限制
   - 单笔限额
   - 单日限额
   - 频率限制

2. IP 监控
   - 异常 IP 检测
   - 地域限制
   - 代理检测

3. 行为分析
   - 下单频率
   - 支付习惯
   - 设备指纹

订单安全 ⭐⭐⭐⭐⭐

订单验证：

// 防止金额篡改
function validateOrder(order, paymentAmount) {
  if (order.amount !== paymentAmount) {
    throw new Error('金额不匹配');
  }

  if (order.status !== 'pending') {
    throw new Error('订单状态异常');
  }
}

// 防止重复支付
async function checkOrderPaid(orderNo) {
  const order = await getOrder(orderNo);
  if (order.status === 'paid') {
    throw new Error('订单已支付');
  }
}

支付页面优化

用户体验 ⭐⭐⭐⭐⭐

支付流程优化：

1. 简化步骤
   - 减少跳转
   - 一键支付
   - 记住支付方式

2. 清晰指引
   - 支付步骤提示
   - 支付方式说明
   - 错误提示友好

3. 多端适配
   - 移动端优化
   - 扫码支付
   - H5 支付

支付方式展示 ⭐⭐⭐⭐

推荐布局：

┌─────────────────────────┐
│  订单金额：¥199.00       │
├─────────────────────────┤
│  ○ 支付宝支付            │
│  ○ 微信支付              │
│  ○ 银联支付              │
│  ○ 余额支付              │
├─────────────────────────┤
│     [立即支付]          │
└─────────────────────────┘

订单管理

订单状态设计 ⭐⭐⭐⭐⭐

状态流转：

待支付 → 已支付 → 已发货 → 已完成
   ↓         ↓
  已取消   已退款

状态码定义：

const OrderStatus = {
  PENDING: 0,      // 待支付
  PAID: 1,         // 已支付
  SHIPPED: 2,      // 已发货
  COMPLETED: 3,    // 已完成
  CANCELLED: 4,    // 已取消
  REFUNDED: 5      // 已退款
};

订单查询 ⭐⭐⭐⭐

查询接口：

// 用户查询订单
app.get('/api/orders/:id', async (req, res) => {
  const order = await Order.findOne({
    where: {
      id: req.params.id,
      userId: req.user.id
    }
  });

  res.json({ success: true, data: order });
});

// 管理后台查询
app.get('/admin/orders', async (req, res) => {
  const orders = await Order.findAndCountAll({
    where: { status: req.query.status },
    limit: req.query.limit,
    offset: req.query.offset
  });

  res.json({ success: true, data: orders });
});

退款处理

退款流程 ⭐⭐⭐⭐

退款步骤：

1. 用户申请退款
2. 客服审核
3. 调用退款接口
4. 更新订单状态
5. 通知用户

退款代码（支付宝）：

// 支付宝退款
async function refund(orderNo, refundAmount, reason) {
  const result = await alipaySdk.exec('alipay.trade.refund', {
    bizContent: {
      outTradeNo: orderNo,
      refundAmount: refundAmount,
      refundReason: reason
    }
  });

  if (result.code === '10000') {
    await updateOrderStatus(orderNo, 'refunded');
    return { success: true };
  }

  return { success: false, error: result.msg };
}