web-dev-qa-db-ja.com

スマート支払いボタンを使用したPayPalチェックアウト(JavaScript)で注文の問題が発生する

私のウェブページに、マニュアルに従ってPaypal Checkout(javascript)を実装しようとしています: https://developer.Paypal.com/docs/checkout/ すべてが標準オプションで優れています。たとえば、これはうまく機能します:

Paypal.Buttons({
            createOrder: function(data, actions) {
                return actions.order.create({
                    purchase_units: [{
                        amount: {
                            currency_code: 'EUR',
                            value: '120.16'
                        },
                        description: 'Purchase Unit test description',
                        custom_id: '64735',
                    }]
                });
            },
            onApprove: function(data, actions) {
                return actions.order.capture().then(function(details) {
                    alert('Transaction completed by ' + details.payer.name.given_name);
                    // Call your server to save the transaction
                    return fetch('/api/Paypal-transaction-complete', {
                        method: 'post',
                        headers: {
                            'content-type': 'application/json'
                        },
                        body: JSON.stringify({
                            orderID: data.orderID
                        })
                    });
                });
            }
        }).render('#Paypal-button-container');

しかし、注文の詳細をより具体的にしようとすると、エラーが発生します。

Error: "Order Api response error: 
{ 
    "name": "INVALID_REQUEST", 
    "message": "Request is not well-formed, syntactically incorrect, or violates schema.", 
    "debug_id": "1ed03d18530c1", 
    "details": [ 
        { 
            "location": "body", 
            "issue": "INVALID_SYNTAX", 
            "description": "Cannot deserialize instance of `com.Paypal.api.platform.checkout.orders.v2.model.AmountBreakdown` out of START_ARRAY token line: 1, column: 82" 
            } 
            ], 
            "links": [ 
                { 
                    "href": "https://developer.Paypal.com/docs/api/orders/v2/#error-INVALID_SYNTAX", "rel": "information_link", "encType": "application/json" 
                } 
            ] 
        }"
}

これは私のコードです:

Paypal.Buttons({
            createOrder: function(data, actions) {
                return actions.order.create({
                    purchase_units: [{
                        amount: {
                            currency_code: 'EUR',
                            value: '120.16',
                            breakdown: [{
                                item_total: {
                                    unit_amount: 7,
                                    currency_code: 'EUR',
                                    value: '120.16'
                                }
                            }]

                        },
                        description: 'Purchase Unit test description',
                        custom_id: '64735',
                        items: [{
                            name: 'Test item 1',
                            unit_amount: {
                                currency_code: 'EUR',
                                value: '60.12'
                            },
                            quantity: 2,
                            description: 'Uaua item 1 description'
                        }, {
                            name: 'Test item 2',
                            unit_amount: {
                                currency_code: 'EUR',
                                value: '60.00'
                            },
                            quantity: 5,
                            description: 'Test item 2 description'
                        }]
                    }]
                });
            },
            onApprove: function(data, actions) {
                return actions.order.capture().then(function(details) {
                    alert('Transaction completed by ' + details.payer.name.given_name);
                    // Call your server to save the transaction
                    return fetch('/api/Paypal-transaction-complete', {
                        method: 'post',
                        headers: {
                            'content-type': 'application/json'
                        },
                        body: JSON.stringify({
                            orderID: data.orderID
                        })
                    });
                });
            }
        }).render('#Paypal-button-container');

誰もが問題がどこにあるか知っていますか? Paypalのドキュメントはあまり有益ではありません...

10
Kornel

さらに掘り下げた後、正しい形式を見つけました。

Paypal.Buttons({
    createOrder: function(data, actions) {
        return actions.order.create({
            purchase_units: [
            {
                reference_id: "PUHF",
                description: "Some description",

                custom_id: "Something7364",
                soft_descriptor: "Great description 1",
                amount: {
                    currency_code: "EUR",
                    value: "200.00",
                    breakdown: {
                        item_total: {
                            currency_code: "EUR",
                            value: "200.00"
                        }
                    }
                },
                items: [
                    {
                        name: "Item 1",
                        description: "The best item ever",
                        sku: "xyz-2654",
                        unit_amount: {
                            currency_code: "EUR",
                            value: "100.00"
                        },
                        quantity: "1"
                    },
                    {
                        name: "Item 2",
                        description: "Not bad too",
                        sku: "zdc-3942",
                        unit_amount: {
                            currency_code: "EUR",
                            value: "50.00"
                        },
                        quantity: "2"
                    }
                ],

            }
        ]
    });
},
onApprove: function(data, actions) {
    return actions.order.capture().then(function(details) {
        alert('Transaction completed by ' + details.payer.name.given_name);
        // Call your server to save the transaction
        return fetch('/api/Paypal-transaction-complete', {
            method: 'post',
            headers: {
                'content-type': 'application/json'
            },
            body: JSON.stringify({
                orderID: data.orderID
            })
        });
    });
}
}).render('#Paypal-button-container');

これは、オプションの完全なセットの例です。

<script>
            Paypal.Buttons({
                createOrder: function(data, actions) {
                    return actions.order.create({
                        purchase_units: [
                            {
                                reference_id: "PUHF",
                                description: "Sporting Goods",

                                custom_id: "CUST-HighFashions",
                                soft_descriptor: "HighFashions",
                                amount: {
                                    currency_code: "USD",
                                    value: "230.00",
                                    breakdown: {
                                        item_total: {
                                            currency_code: "USD",
                                            value: "180.00"
                                        },
                                        shipping: {
                                            currency_code: "USD",
                                            value: "30.00"
                                        },
                                        handling: {
                                            currency_code: "USD",
                                            value: "10.00"
                                        },
                                        tax_total: {
                                            currency_code: "USD",
                                            value: "20.00"
                                        },
                                        shipping_discount: {
                                            currency_code: "USD",
                                            value: "10"
                                        }
                                    }
                                },
                                items: [
                                    {
                                        name: "T-Shirt",
                                        description: "Green XL",
                                        sku: "sku01",
                                        unit_amount: {
                                            currency_code: "USD",
                                            value: "90.00"
                                        },
                                        tax: {
                                            currency_code: "USD",
                                            value: "10.00"
                                        },
                                        quantity: "1",
                                        category: "PHYSICAL_GOODS"
                                    },
                                    {
                                        name: "Shoes",
                                        description: "Running, Size 10.5",
                                        sku: "sku02",
                                        unit_amount: {
                                            currency_code: "USD",
                                            value: "45.00"
                                        },
                                        tax: {
                                            currency_code: "USD",
                                            value: "5.00"
                                        },
                                        quantity: "2",
                                        category: "PHYSICAL_GOODS"
                                    }
                                ],
                                shipping: {
                                    method: "United States Postal Service",
                                    address: {
                                        name: {
                                            full_name:"John",
                                            surname:"Doe"
                                        },
                                        address_line_1: "123 Townsend St",
                                        address_line_2: "Floor 6",
                                        admin_area_2: "San Francisco",
                                        admin_area_1: "CA",
                                        postal_code: "94107",
                                        country_code: "US"
                                    }
                                }
                            }
                        ]
                    });
                },
                onApprove: function(data, actions) {
                    return actions.order.capture().then(function(details) {
                        alert('Transaction completed by ' + details.payer.name.given_name);
                        // Call your server to save the transaction
                        return fetch('/api/Paypal-transaction-complete', {
                            method: 'post',
                            headers: {
                                'content-type': 'application/json'
                            },
                            body: JSON.stringify({
                                orderID: data.orderID
                            })
                        });
                    });
                }
            }).render('#Paypal-button-container');
        </script>
17
Kornel

unit_amount:7、

それはそこに属していますか?エラーは、orders.v2.model.AmountBreakdownを参照していますが、item_total moneyオブジェクトのAPI仕様にそのフィールドは表示されません。

1
Preston PHX