【发布时间】:2020-06-17 19:56:13
【问题描述】:
我必须在我的 ReactJs 项目中设置 paypal 以进行付款。为此,我创建了贝宝按钮并致电贝宝以获取交易详细信息。看起来效果很好,我也收到了带有交易详细信息的成功消息。这里出现的问题是,当我尝试验证交易详细信息在我的服务器端,即 nodejs 中是否符合预期(此处提到:“https://developer.paypal.com/docs/checkout/reference/server-integration/capture-transaction/”)我得到了这个错误。在我的 nodjs 项目中,我使用的是“@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"}]}
我该如何解决这个问题?任何帮助和建议将不胜感激。
【问题讨论】:
-
您正在查找的示例 orderID 是什么?您可以打印并分享实际请求文本/json 的示例吗?
-
我的样品 orderId 是“6VG34423VV633792H”。成功的细节是 create_time: "2020-03-05T09:56:39Z" id: "6VG34423VV633792H" 意图:"CAPTURE" 链接:Array [ {…} ] 付款人:对象 { email_address: "name@gmail. com", payer_id: "3LNXV55Q55GHE", 地址: {…}, … } purchase_units: Array [ {…} ] status: "COMPLETED" update_time: "2020-03-05T09:57:09Z"
-
6VG34423VV633792H似乎不是有效的沙盒 orderID。你从哪里得到这个值? -
return actions.order .capture() .then(details => {--------------> from this details if (props.onSuccess) { window. alert("支付成功..."); return props.onSuccess(data, details); } })
标签: javascript node.js reactjs paypal