Securely Embed Payments in a VueJS App
This is a JavaScript application that uses the Vue framework and Node.js to demonstrate an embedded payment solution with Payments Hub’s iFrame JavaScript SDK. The full-stack code in this repository adds a simple payment form to a website, handling both the front-end and back-end aspects of the payment process.
Get Sandbox Credentials
To get started, create a free Payments Hub Developer Portal account. This will allow you to get the sandbox credentials that are required to test the app. Check out the official iFrame JavaScript SDK Integration Guide, then contact the Payments Hub Sales Engineering team to get sandbox credentials added to your Developer Portal account.
Follow Along with the Tutorial
When you’re ready to start building your app, you can follow along with this tutorial for step-by-step instructions.
Completed App
Your completed ecommerce app will look similar to the following:
Clicking the “Purchase” button will open a checkout form modal where customers can enter their payment information and place an order:
