checkout.js example

form.html.erb

    <script src="https://www.paypalobjects.com/api/checkout.min.js" data-version-4></script>
    <script>
        paypal.Button.render({
            env: '<%= @paypal_env %>', // Specify 'sandbox' for the test environment
            client: {
                sandbox: '<%= @sandbox_client_id %>',
                production: '<%= @production_client_id %>'
            },
            locale: 'ja_JP',
            style: {
                size: 'small'
            },
            payment: function(resolve, reject) {
                var env    = this.props.env;
                var client = this.props.client;
                return paypal.rest.payment.create(env, client, {
                    transactions: [
                        {
                            amount: { total: '<%= @price %>', currency: 'JPY' },
                            invoice_number: '<%= @invoice_number %>',
                            item_list: {
                                items: [
                                    {
                                        name: 'メークアップ料',
                                        price: '<%= @price %>',
                                        currency: 'JPY',
                                        quantity: '1',
                                        tax: '0'
                                     }
                                ]
                            },
                            description: 'MAKE UP(質問形式)'
                        }
                    ]
                },
                {
                    input_fields: {
                        no_shipping: 1
                    }
                });
            },
            commit: true,
            onAuthorize: function(data, actions) {
                // Execute the payment here, when the buyer approves the transaction
                return actions.payment.execute().then(function() {
                    $('#new_answer').submit();
                });
            }
        }, '#paypal-button');
    </script>