8/20 Official Notes

[Stommy123]

08/20 Day 19 Lecture Notes

Stripe Checkout

• The concept of a stripe checkout revolves around a session id

backend

• The backend creates a session using the private stripe client -> const stripe = require('stripe')(STRIPE_SECRET_KEY);

  const session = await stripe.checkout.sessions.create({
    payment_method_types: ['card'],
    line_items: lineItems,
    mode: 'payment',
    success_url: ROOT_URL,
    cancel_url: ROOT_URL,
  });

  response.json({ session_id: session.id })

• stripe.checkout.sessions.create is a method on the private client that creates a session. This method takes various options that can be found here https://stripe.com/docs/api/checkout/sessions/create. However the minimum ones required to redirect to the appropriate stripe checkout url are the following
  • payment_method_types -> alipay | card | ideal | fpx | bacs_debit | bancontact | giropay| p24 | eps
  • line_items -> { price: PRODUCT_ID, quantity: QUANTITY }[]
  • mode -> payment | setup | subscription
  • success_url -> Url to redirect to after checkout is completed
  • cancel_url -> Url to redirect to if checkout if canceled

frontend

• On the frontend side you would startup the public stripe client -> const stripe = Stripe(STRIPE_PUBLIC_KEY);

stripe.redirectToCheckout({ sessionId: SESSION_ID })

• After recieving the sessionId from the backend, you would call redirectToCheckout in order to be directed to the stripe checkout UI. Once the checkout process is completed/canceled you will be navigated to either the success_url or cancel_url depending on what action was taken