Stripe Checkout Node.js Express Example

app.js

const keyPublishable = process.env.PUBLISHABLE_KEY;
const keySecret = process.env.SECRET_KEY;

const app = require("express")();
const stripe = require("stripe")(keySecret);

app.set("view engine", "pug");
app.use(require("body-parser").urlencoded({extended: false}));

app.get("/", (req, res) =>
  res.render("index.pug", {keyPublishable}));

app.post("/charge", (req, res) => {
  let amount = 500;
  
  stripe.customers.create({
    email: req.body.stripeEmail,
    card: req.body.stripeToken
  })
  .then(customer =>
    stripe.charges.create({
      amount,
      description: "Sample Charge",
      currency: "usd",
      customer: customer.id
    }))
  .catch(err => console.log("Error:", err))
  .then(charge => res.render("charge.pug"));
});

app.listen(4567);

charge.pug

h2 You successfully paid <strong>$5.00</strong>!

index.pug

html
  body
    form(action="/charge", method="post")
      article
        label Amount: $5.00
      script(
        src="//checkout.stripe.com/v2/checkout.js",
        class="stripe-button",
        data-key=keyPublishable,
        data-locale="auto",
        data-description="Sample Charge",
        data-amount="500")

package.json

{
  "dependencies": {
    "body-parser": "^1.17.2",
    "express": "^4.15.4",
    "pug": "^2.0.0-rc.3",
    "stripe": "^4.24.1"
  }
}

Heads up, this doesn't work without bodyParser. I'm new to Node/Express and it took me an hour to resolve this :(

May want to add this to app.js

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

Be great if you could also post your packages.json file too. I'm having issues and want to make sure I havent a version difference.

Here's what worked for me on April 21:

• body-parser@1.17.1
• express 4.5.12
• pug@2.0.0-beta.12
• stripe@4.18.0

package.json:

{
	"main": "server.js",
	"dependencies": {
		"express":"",
		"stripe":"",
		"body-parser":"",
		"pug":""
	}
}

• download app.js and save as server.js
• mkdir views
• download charge.pug and save as views/charge.pug
• download index.pug and save as views/index.pug

Then run npm start and go to http://localhost:4567

it gives me this error ''PUBLISHABLE_KEY'' is not recognized as an internal or external command,
operable program or batch file.

@fsojitra, its a ENV variable. You have to set it first.

Hi Ryan, I've generalized a tiny bit and made a rep: https://github.com/duke-m/stripe-express
Hope, that's okay (copyright stuff?), if not, please let me know

I've added a package.json file to the gist so that you can see the dependencies. For more details about how to configure and run it (including how to set the environment variables) you can refer to the associated tutorial on the Stripe website: https://stripe.com/docs/checkout/express

@duke-m: totally ok! I consider the example here public domain, you can do as you please with it including extending and distributing it under whatever terms you want.

line 21, should be:

return stripe.stripe.charges.create({

Otherwise you will not get the charge object in then(charge => xxxxx)

Gooday I did everything up there. But the stripe checkout is not coming up on the page. Please I will really appreciate any help