Мне нужно настроить PayPal для оплаты в моем ReactJs проекте. Для этого я создаю кнопку PayPal и вызываю PayPal, чтобы получить детали транзакции. Кажется, это работает хорошо, и я получил сообщение об успешном завершении с деталями транзакции. И проблема возникает здесь, когда я пытаюсь проверить детали транзакции, как и ожидалось, на моей стороне сервера ie, nodejs (как упомянуто здесь: "https://developer.paypal.com/docs/checkout/reference/server-integration/capture-transaction/ ") Я получил эту ошибку. В моем проекте nod js я использую " @ paypal / checkout-server-sdk ".
Мой код:
в ReactJs: PaypalButton. js
import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";
const PaypalButton = props => {
const [sdkReady, setSdkReady] = useState(false);
const addPaypalSdk = () => {
const clientID ="**********CLIENT_ID**************";
const script = document.createElement("script");
script.type = "text/javascript";
script.src = `https://www.paypal.com/sdk/js?client-id=${clientID}`;
script.async = true;
script.onload = () => {
setSdkReady(true);
};
script.onerror = () => {
throw new Error("Paypal SDK could not be loaded.");
};
document.body.appendChild(script);
};
useEffect(() => {
if (window !== undefined && window.paypal === undefined) {
addPaypalSdk();
} else if (
window !== undefined &&
window.paypal !== undefined &&
props.onButtonReady
) {
props.onButtonReady();
}
}, []);
//amount goes in the value field we will use props of the button for this
const createOrder = (data, actions) => {
console.log("createOrder", data);
return actions.order.create({
purchase_units: [
{
amount: {
currency_code: "USD",
value: props.amount
}
}
]
});
};
const onApprove = (data, actions) => {
return actions.order
.capture()
.then(details => {
if (props.onSuccess) {
window.alert("Payment Sucessfull...");
return props.onSuccess(data, details);
}
})
.catch(err => {
console.log(err);
});
};
const clickPaypal = flag => {
return props.onClick(flag);
};
if (!sdkReady && window.paypal === undefined) {
return <div>Loading...</div>;
}
const Button = window.paypal.Buttons.driver("react", {
React,
ReactDOM
});
return (
<div style={{ width: 200 }}>
<Button
{...props}
createOrder={
props.amount && !createOrder
? (data, actions) => createOrder(data, actions)
: (data, actions) => createOrder(data, actions)
}
onApprove={
props.onSuccess
? (data, actions) => onApprove(data, actions)
: (data, actions) => onApprove(data, actions)
}
style={{
layout: "horizontal",
color: "gold",
shape: "pill",
label: "pay",
size: "responsive",
tagline: true
}}
onClick={props.onClick ? clickPaypal : clickPaypal}
/>
</div>
);
};
export default PaypalButton;
Pay.js
onSuccess = (payment, details) => {
const {
processInvoicePaypalPayment
} = this.props;
this.paypalSucesssDetails = { ...details };
processInvoicePaypalPayment( . //call to server
{
invoice: invoice.data._id,
orderId: this.paypalSucesssDetails.id // This order id is from sucess transaction details
},
this.paypalCapture
);
};
render=()=>{
<PaypalButton
amount={invoiceData.amount}
onSuccess={this.onSuccess}
env={"sandbox"}
onClick={this.clickPaypal}
/>
}
и по моему nodejs
import paypal from "@paypal/checkout-server-sdk";
const clientId = "CLIENTID";
const clientSecret = "SECRET";
const environment = new paypal.core.SandboxEnvironment(clientId, clientSecret);
const client = new paypal.core.PayPalHttpClient(environment);
try{
export const processInvoicePaypalPayment = async (user, data) => {
const customerId = user.customer,
{ invoice: invoiceId, orderId: orderID } = data;
let request = new paypal.orders.OrdersGetRequest(orderID);
const createOrder = async () => {
const response = await client.execute(request);
return { ok: true, data: { _id: invoiceId, payment: response.result } };
};
const result = await createOrder();
}
}catch (err) {
console.log(err);
}
И результат:
{ Error: {"name":"RESOURCE_NOT_FOUND","details":
[{"location":"path","issue":"INVALID_RESOURCE_ID","description":"Specified resource ID does not exist. Please check the resource ID and try again."}],"message":"The specified resource does not exist.","debug_id":"c3b5026d6dd74","links":[{"href":"https://developer.paypal.com/docs/api/orders/v2/#error-INVALID_RESOURCE_ID","rel":"information_link","method":"GET"}]}
Как я могу решить эту проблему? Буду очень признателен за любую помощь и предложение.