billinio / utility-stripe

Simple UI to retrieve tokens from Stripe with PSD2.

Stripe PSD2 Utility

Simple UI to retrieve tokens from Stripe. This utility fully supports:

• SCA (Strong Customer Authentication)
• PSD2 (Payment Services Directive)
• 3DS (3-D Secure)
• 3DS2 (3-D Secure 2.0)

IMPORTANT Stripe Utility is only intended to be run locally as a useful development utility. Do not use in a public environment as it requires secret keys that should never be exposed to the world.

You should only use test Stripe API Keys. You will receive a warning if using a live key.

---

Requirements

• Node.js 15.4+
• npm 7+

Setup

Clone the repo locally:

$ git clone [e-mail]:billinio/utility-stripe.git
$ cd ./utility-stripe

Install the node dependencies:

$ npm install

This app must run under SSL. To create a locally self-signed SSL certificate for localhost follow these instructions.

Install the generated server.key and server.crt to a root folder named ssl/:

$ cp server.key ./ssl && cp server.crt ./ssl

Create a .env.local file:

$ touch .env.local

Copy the following in to your .env.local file:

REACT_APP_STRIPE_PUBLISHABLE_KEY=[your_public_stripe_key]
REACT_APP_STRIPE_SECRET_KEY=[your_secret_stripe_key]

Do not use Stripe Utility in a public environment as it requires secret keys that should never be exposed to the world.

Start the server:

$ npm start
# Browser opens at https://localhost

Build

Build the production ready app:

$ npm run build
# Compiles to the /build folder

To test this build locally, run the following from the root (NOT the ./build folder):

$ npx serve
# Open up http://localhost:5000