Clarification on functionality of the stripe token

Question

So I'm currently in the final stages of designing a small online shop and I'm having a bit of difficulty understanding what the stripe token contains, how to pick it up on the node.js server and that kind of thing.

currently, my client-side code looks like this:

        <div style="text-align: center;">

        <form id="paymentForm" action="//httpbin.org/post" method="POST">
          <input type="hidden" id="stripeToken" name="stripeToken" />
          <input type="hidden" id="stripeEmail" name="stripeEmail" />
            <input type="hidden" id="cartTotal" name="cartTotal" />
          <input type="hidden" id="cartContents" name="cartContents" />
        </form>

        <p><input type="button" class="button" id="purchaseButton" value="チェックアウト"></p>


        <script>

            var totalCost = 0;
            var totalCartLoad = "";
            totalCost = localStorage.getItem('totalCartPrice');
            totalCartLoad = localStorage.getItem('whatsInCart');
            totalCartLoad = totalCartLoad.replace('undefined','');
            totalCartLoad = '_____________________________________' + totalCartLoad;
            var finalCartLoad = String(totalCartLoad); //convert it to a string for display



            var handler = StripeCheckout.configure({
              key: 'pk_test_6pRNASCoBOKtIshFeQd4XMUh',
              token: function(token) {
                $("#stripeToken").val(token.id);
                $("#stripeEmail").val(token.email);
                $("#cartTotal").val(totalCost);
                    $("#cartContents").val(finalCartLoad);
                $("#paymentForm").submit();
              }
            });

            $('#purchaseButton').on('click', function(e) {


              // Open Checkout with further options
              handler.open({
                    name: "チェックアウト",
                    description: finalCartLoad,
                    shippingAddress: true,
                    billingAddress: true,
                    zipCode: true,
                    allowRememberMe: true,
                    currency: 'JPY',
                    amount: totalCost
              });
              e.preventDefault();
            });

            // Close Checkout on page navigation
            $(window).on('popstate', function() {
              handler.close();
            });

        </script>

    </div>

and my server code looks like this:

const stripe = require("stripe")("sk_test_BQokikJOvBiI2HlWgH4olfQ2");

module.exports = (req) => {
  // the token is generated by Stripe and POST'ed
  // to the `action` URL in our form
  const token = req.body.stripeToken;

  // now we create a charge which returns a `promise`
  // so we need to make sure we correctly handle
  // success and failure, but that's outside of this
  // function (and we'll see it later)
  return stripe.charges.create({
    // ensures we send a number, and not a string
    amount: parseInt(process.env.STRIPE_COST, 10),
    currency: process.env.STRIPE_CCY,
    source: token,
    description: process.env.STRIPE_DESCRIPTION, //  remember to change this!
    // this metadata object property can hold any
    // extra private meta data (like IP address)
    metadata: {},
  });
}

However I am uncertain how to make sure that the details I need such as shipping address, customer email, product manifest and that kind of thing, which I have collected on my client, end up where I need it, on the invoice or somewhere in my account on stripe. I am also uncertain exactly how the charge is made (I know I need an app.js file to go with this as well, so I'd appreciate some pointers at this point cause its really been doing my head in.

Answer 1

The Token.id is what you want to use as the source when creating the Charge, and it looks like that's what you're doing, so you should be good to go from that side.

You should currently find the email at req.body.stripeEmail; in fact, you should find all of the following in req.body:

$("#stripeToken").val(token.id);        // req.body.stripeToken
$("#stripeEmail").val(token.email);     // req.body.stripeEmail
$("#cartTotal").val(totalCost);         // req.body.cartTotal
$("#cartContents").val(finalCartLoad);  // req.body.cartContents

In order to get the Shipping address, you'll need to pass those along too; you can find them in the args argument of the token() function, so you just need to pull what you need from there and send it along in your form as well.

Answer 2

            var handler = StripeCheckout.configure({
              key: 'pk_test_6pRNASCoBOKtIshFeQd4XMUh',
              token: function(token) {
                $("#stripeToken").val(token.id);
                $("#stripeEmail").val(token.email);
                $("#cartTotal").val(totalCost);
                    $("#cartContents").val(finalCartLoad);
                    $("#userShippingA").val(token.shippingAddress);
                    $("#userBillingA").val(token.billingAddress);   
                $("#paymentForm").submit();
              }
            });


  return stripe.charges.create({
// ensures we send a number, and not a string
amount: parseInt(process.env.STRIPE_COST, 10),
currency: process.env.STRIPE_CCY,
source: token,
description: req.body.cartContents,
shippingAddress: req.body.shippingAddress,
billingAddress: req.body.billingAddress,
email: req.body.stripeEmail,