https://github.com/northdevelopers/north-vue-iframe-js-sdk

This is a JavaScript application that uses the Vue framework and Node.js to embed a payment solution with North's iFrame JavaScript SDK.
https://github.com/northdevelopers/north-vue-iframe-js-sdk

checkout-form ecommerce-api ecommerce-application ecommerce-website javascript javascript-applications javascript-ecommerce nodejs nodejs-api nuxt nuxt3 nuxtjs payment payment-api payment-gateway payment-sdk vue vue3 vuejs

Last synced: 6 months ago
JSON representation

This is a JavaScript application that uses the Vue framework and Node.js to embed a payment solution with North's iFrame JavaScript SDK.

• Host: GitHub
• URL: https://github.com/northdevelopers/north-vue-iframe-js-sdk
• Owner: NorthDevelopers
• Created: 2023-06-15T20:19:11.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-13T22:52:04.000Z (6 months ago)
• Last Synced: 2024-12-13T23:26:27.827Z (6 months ago)
• Topics: checkout-form, ecommerce-api, ecommerce-application, ecommerce-website, javascript, javascript-applications, javascript-ecommerce, nodejs, nodejs-api, nuxt, nuxt3, nuxtjs, payment, payment-api, payment-gateway, payment-sdk, vue, vue3, vuejs
• Language: Vue
• Homepage: https://developer.north.com/blog/embedded-payments-vue-app
• Size: 548 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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 [North's iFrame JavaScript SDK](https://developer.north.com/products/online/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 [North Developer Portal account](https://developer.north.com/register). 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](https://developer.north.com/products/online/iframe-javascript-sdk/integration-guide), then [contact](https://developer.north.com/contact) North's 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](https://developer.north.com/blog/embedded-payments-vue-app) for step-by-step instructions.

## Completed App

Your completed ecommerce app will look similar to the following:

![](/assets/payments-hub-vue-iframe-js-sdk.png)

Clicking the "Purchase" button will open a checkout form modal where customers can enter their payment information and place an order:

![](/assets/payments-hub-vue-iframe-js-sdk-checkout-form.png)