如何在Laravel 8中集成PayPal智能按钮？

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
{
    html" target="_blank">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

您需要在内部诊断/调试/createOrder路由中的500错误。尝试在浏览器中加载URL，看看是否从Laravel获得更多错误输出。如果没有，请编辑相应的PHP以输出有关正在发生的事情的更多有用信息。

一旦您将其排序并返回一个实际的id作为JSON对象的一部分，您需要更改前端代码以读取该id的键。看起来您正在读取键orderID，除非您特别设置它，否则不会设置它。

以下前端演示代码更好，并且具有错误处理功能：https://developer.paypal.com/demo/checkout/#/pattern/server

这部分前端代码：

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

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

你应该有一个容器