Получение токена из кода JavaScript PayPal для обработки платежа ⇐ Javascript

[Anonymous]

Я пытаюсь выяснить, как использовать пакет SDK JavaScript для Paypal, чтобы позволить клиенту зайти на веб-сайт PayPal (или заполнить форму оплаты), чтобы я мог получить учетные данные, необходимые для обработки платежа, используя их серверный API. , но их пример плохо объясняет ситуацию. Это код, который я использовал до сих пор:

Код: Выделить всё

.



Test


paypal.Buttons({
style: {
layout: 'vertical',
color:  'blue',
shape:  'rect',
label:  'paypal'
}
}).render('#paypal-button-container');
paypal.Buttons({
async createOrder() {
const response = await fetch("/my-server/create-paypal-order", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
cart: [
{
sku: "YOUR_PRODUCT_STOCK_KEEPING_UNIT",
quantity: "YOUR_PRODUCT_QUANTITY",
},
],
}),
});

const data = await response.json();

return data.id;
},
async onApprove(data) {
// Capture the funds from the transaction.
const response = await fetch("/my-server/capture-paypal-order", {
method: "POST",
body: JSON.stringify({
orderID: data.orderID
})
})

const details = await response.json();

// Show success message to buyer
alert(`Transaction completed by ${details.payer.name.given_name}`);
}
}).render('#paypal-button-container');

Он отображает одни и те же варианты оплаты дважды, но одну кнопку PayPal золотого цвета и одну синюю.
Я тоже пробовал :

Код: Выделить всё

.



Test


paypal.Buttons({
style: {
layout: 'vertical',
color:  'blue',
shape:  'rect',
label:  'paypal'
},
async createOrder() {
const response = await fetch("/my-server/create-paypal-order", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
cart: [
{
sku: "YOUR_PRODUCT_STOCK_KEEPING_UNIT",
quantity: "YOUR_PRODUCT_QUANTITY",
},
],
}),
});

const data = await response.json();

return data.id;
},
async onApprove(data) {
// Capture the funds from the transaction.
const response = await fetch("/my-server/capture-paypal-order", {
method: "POST",
body: JSON.stringify({
orderID: data.orderID
})
})

const details = await response.json();

// Show success message to buyer
alert(`Transaction completed by ${details.payer.name.given_name}`);
}
}).render('#paypal-button-container');

но и здесь безуспешно.
Я использовал правильный идентификатор клиента, но для кода здесь я вставил myid для удобства чтения.
p>
Что я делаю не так?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ss-payment