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

Question

我正在尝试在我的Laravel 8网站中集成PayPal智能按钮。以下是我正在使用的文档：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 AppHttpControllersPayPalController;
Route::post('/createOrder', [PayPalController::class, 'createOrder']);

这是我的PayPalController方法：

<?php
namespace AppHttpControllers;
// To capture payment for paypal
namespace SampleCaptureIntentExamples;
// Grabs the environment and request to be used for paypal
use SamplePayPalClient;
use PayPalCheckoutSdkOrdersOrdersCreateRequest;
// Request/Response
use IlluminateHttpRequest;
use IlluminateHttpResponse;

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

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

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

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

这部分前端代码：

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

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

您只需要一个id为paypal-button-container的容器<div>，JS就可以在其中呈现自己的按钮。该按钮不会以任何方式使用或处理HTML表单。