Search code examples
javajspservletspaypal-sandboxcontent-security-policy

Paypal JS SDK Automatically Closes in Sandbox JSP Servlet Web Application

I'm testing a sandbox PayPal for a learning project in the JSP servlet. I'm using NetBeans IDE with the glassfish server and XAMPP for the database. The following code runs the Paypal payment buttons, but when I click the payment button Paypal window pops up and crashes suddenly.

<html>
<head>
    <title>Purchase</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://www.paypal.com/sdk/js?client-id=AbdB49QXlBjEzeWDSu1ws2QrNR3FpcpcGPOif2a7XvK6sDKMkD8ijA2q0c5CdI-w2cUHlKTj_LLyn5cu&locale=en_US" data-csp-nonce="xxx"></script>
</head>
<body>
    <div id="paypal-button-container"></div>
    
    <script>
        paypal.Buttons({
            createOrder: function(data, actions){
                return actions.order.create({
                    purcchase_units: [{
                            amount:{
                                value: '295'
                            }
                    }]
                });
            }
        }).render('#paypal-button-container')
    </script>
</body>

The above code is in the index.jsp file and the auto close issue persists. According to what I found online it could be due to my localhost is HTTP and Paypal blocking non-https Requests. If so, please help me to set up HTTPS on my server. Or if the issue is something else hope to know about it.

Solution

  • The error in the browser console explains the problem

    Uncaught Error: a.purchase_units is undefined