如何在 Laravel 8 中集成 PayPal Smart Button？

Question

我正在尝试将 PayPal 智能按钮集成到我的 Laravel 8 网站中。这些是我正在使用的文档： https://developer.paypal.com/docs/checkout/integrate/

https://developer.paypal.com/docs/checkout/reference/server-integration/set-up-transaction/

https://github.com/paypal/Checkout-PHP-SDK

问题： 我得到两个错误：

这个错误强调了我前端的抓取。

cart:278 POST http://127.0.0.1:8000/createOrder 500 (Internal Server Error)

{err: "Error: Expected an order id to be passed↵

这是我的路线文件：

use App\Http\Controllers\PayPalController;

Route::post('/createOrder', [PayPalController::class, 'createOrder']);

这是我的 PayPalController 方法：

<?php

namespace App\Http\Controllers;

// To capture payment for paypal
namespace Sample\CaptureIntentExamples;

// Grabs the environment and request to be used for paypal
use Sample\PayPalClient;
use PayPalCheckoutSdk\Orders\OrdersCreateRequest;

// Request/Response
use Illuminate\Http\Request;
use Illuminate\Http\Response;


class PayPalController extends Controller
{
    public function createOrder() {

        $request = new OrdersCreateRequest();

        $request->prefer('return=representation');

        $request->body = [
            "intent" => "CAPTURE",
            "purchase_units" => [[
                "reference_id" => "test_ref_id1",
                "amount" => [
                    "value" => "100.00",
                    "currency_code" => "USD"
                    ]
            ]], 
            "application_context" => [
                "cancel_url" => "https://127.0.0.1:8000/cart",
                "return_url" => "https://127.0.0.1:8000/"
            ]         
        ];           

        // 3. Call PayPal to set up a transaction
        $client = PayPalClient::client();

        $response = $client->execute($request);

        // 4. Return a successful response to the client.
        return $response;
    }
}

这是我的前端 .blade.view 文件：

<script src="https://www.paypal.com/sdk/js?client-id=*******************"></script>
                                
<form action="/createOrder" method="POST">
@csrf   
<div id="paypal-button-container"></div>
                                
<script>
  paypal.Buttons({
    createOrder: function() {
      return fetch('/createOrder', {
        method: 'POST',
        headers: {
          'content-type': 'application/json',
          'Accept': 'application/json',
          'url': '/createOrder',
          "X-CSRF-Token": document.querySelector('input[name=_token]').value
         },
  }).then(function(res) {
    return res.json();
  }).then(function(data) {
    return data.orderID; // Use the same key name for order ID on the client and server
  });
  }
  }).render('#paypal-button-container');
</script>
</form>

我已经使用我的凭据编辑了 PayPalClient.php 文件。

Answer 1

您需要在内部 diagnose/debug 处理 /createOrder 路由中的 500 错误。尝试在浏览器中加载 URL 并查看是否从 Laravel 获得更多错误输出。如果不这样做，请编辑相应的 PHP 以输出有关正在发生的事情的更多有用信息。

一旦你解决了这个问题并返回一个实际的 id 作为 JSON 对象的一部分，你需要更改你的前端代码来读取那个 id 的键.看起来您正在读取密钥 orderID，除非您专门设置它，否则不会设置它。

下面的前端demo代码比较好，有错误处理：https://developer.paypal.com/demo/checkout/#/pattern/server

您的这部分前端代码：

<form action="/createOrder" method="POST">

完全没有意义，除非它只是为了测试目的，但仍然真的没有意义。

您只需要一个容器 <div>，ID 为 paypal-button-container，以便 JS 在其中呈现自己的按钮。该按钮不会以任何方式使用或与 HTML表格.

如何在 Laravel 8 中集成 PayPal Smart Button？

How do I integrate PayPal Smart Button in Laravel 8?

php

laravel

paypal

paypal-sandbox

paypal-rest-sdk