基于Django REST Framework的PayPal结账流程问题求助

一、针对现有流程的createOrder修改 #

既然后端已经在用户进入结账页时创建了待处理订单，且提交配送表单后已更新了订单地址，无需在createOrder中重复创建后端订单，而是要基于已有的后端订单生成PayPal侧的支付订单。具体步骤：

1. 前端保存已有的后端订单ID：在进入结账页或提交配送表单后，将后端返回的待处理订单ID存储为前端变量（比如existingBackendOrderId）。
2. 修改createOrder逻辑：调用后端专门的接口，传入已有的后端订单ID，让后端根据订单的商品、金额、配送地址调用PayPal Orders API创建支付订单，最终返回PayPal的订单ID给前端。

修改后的createOrder代码示例：

createOrder() {
    // 假设existingBackendOrderId是已保存的后端待处理订单ID
    return fetch(`/api/orders/${existingBackendOrderId}/generate_paypal_order`, {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            "X-CSRFToken": csrftoken,
        },
    })
    .then((response) => response.json())
    .then((data) => data.paypal_order_id); // 返回PayPal生成的订单ID
}

后端接口说明（/api/orders/{id}/generate_paypal_order） #

后端需要完成以下操作：

• 根据传入的后端订单ID，查询订单的商品明细、总金额、配送地址
• 调用PayPal的POST /v2/checkout/orders接口，传入订单信息（示例请求体）：

  {
    "intent": "CAPTURE",
    "purchase_units": [
      {
        "amount": {
          "currency_code": "USD",
          "value": "100.00" // 对应后端订单总金额
        },
        "shipping": {
          "address": {
            "address_line_1": "123 Main St",
            "admin_area_2": "San Jose",
            "postal_code": "95131",
            "country_code": "US"
          }
        }
      }
    ]
  }
  

• 将PayPal返回的订单ID（id字段）返回给前端

二、关于“是否将订单创建移至支付按钮点击时”的分析 #

可行，但需调整流程 #

如果想简化流程，将后端订单创建移至支付按钮点击时是完全可行的，只需解决配送地址的问题：

• 提交配送表单时，将地址临时存储（比如前端localStorage、隐藏表单字段，或后端临时缓存）
• 点击支付按钮时，在createOrder中同时传入购物车数据和已保存的配送地址，让后端一次性创建订单并生成PayPal支付订单

两种方案对比 #

三、onApprove部分的适配 #

无论采用哪种方案，onApprove中都需要将PayPal的支付结果同步到后端订单：

• 如果用现有流程，后端接口需要根据PayPal订单ID关联到已有的后端订单，更新订单状态为已支付
• 如果用延迟创建订单，后端接口需要确认PayPal支付成功后，将订单状态标记为已完成

修改后的onApprove示例（适配现有流程）：

onApprove(data) {
    const paypalOrderId = data.orderID;
    return fetch(`/api/orders/${existingBackendOrderId}/confirm_payment`, {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
        },
        body: JSON.stringify({
            paypal_order_id: paypalOrderId
        }),
    })
    .then((response) => response.json())
    .then((orderData) => {
        // 处理支付成功后的逻辑，比如跳转感谢页
        window.location.href = '/thank-you';
    });
}

内容的提问来源于stack exchange，提问作者David Henson