Laravel使用srmklive/paypal~3集成PayPal时按钮点击后弹窗闪退如何解决

1 路由匹配错误 #

• 你代码中JS调用的接口路径是/api/paypal/order/create和/api/paypal/order/capture，但给出的路由配置仅设置了paypal前缀，没有套入api前缀，同时路由绑定的控制器是PaypalPaymentController，但你贴出的控制器类名是PaymentController，二者不匹配会导致接口404错误，触发弹窗自动关闭。
• 解决方法：要么调整路由组套入api前缀且控制器名称和类名保持一致，要么修改JS中的请求路径去掉/api前缀。

2 控制器缺少必要初始化及引用 #

• 你在控制器方法中直接调用$this->paypalClient，但没有在构造函数中初始化这个客户端实例，同时DB、TransactionStatus、Order、Transaction、Exception这些类都没有通过use引入，会导致接口返回500错误，触发弹窗关闭。
• 解决方法：
  • 在控制器构造函数中初始化srmklive/paypal客户端：

  public function __construct()
  {
      $this->paypalClient = new \Srmklive\PayPal\Services\PayPal();
  }
  

  • 补充所有缺失的use引入语句。

3 POST请求缺少CSRF令牌 #

• Laravel默认对POST请求做CSRF校验，你的fetch请求没有携带CSRF令牌，会导致接口返回419错误，触发弹窗关闭。
• 解决方法：在fetch的请求头中加入CSRF令牌，两个请求都需要添加：

  fetch('/api/paypal/order/create', {
      method: 'POST',
      headers: {
          'Content-Type': 'application/json',
          'X-CSRF-TOKEN': '{{ csrf_token() }}'
      },
      body:JSON.stringify({
          // 原有参数
      })
  })
  

4 前端参数拼写错误 #

• 你JS代码中获取支付网关ID的选择器是$("#payapalId")，存在拼写错误（正确应为paypalId），如果对应DOM元素ID是正确拼写，会导致参数为空，后续逻辑报错。

5 金额参数未校验 #

• 你直接读取前端输入的amount值传递给PayPal接口，没有做非空、数值合法性校验，如果传入非数值、小于等于0的数值，会导致PayPal创建订单失败，触发弹窗关闭。
• 解决方法：前后端都增加对amount参数的合法性校验。

6 客户端ID配置错误 #

• 检查SDK引入链接中的client-id是否与你PayPal后台申请的对应环境（沙箱/生产）的客户端ID一致，ID不匹配会导致PayPal初始化失败，弹窗自动关闭。

内容的提问来源于stack exchange，提问作者Swimo Omix