Sessions

Take note that Session ids are generated from the backend. To know more about sessions visit the documentation.
1. Create a session
You need to create the session in your backend. This session will return an id, use that id to checkout the payment.
2. Redirect to checkout
Follow the Vue Stripe Checkout example below:
You'll notice that when using sessions, you'll only need the session-id. This is because the session is the representation of all of the information (including success, and cancel URLs) about the payment to be done.
1
<template>
2
  <div>
3
    <stripe-checkout
4
      ref="checkoutRef"
5
      :pk="publishableKey"
6
      :session-id="sessionId"
7
    />
8
    <button @click="submit">Checkout!</button>
9
  </div>
10
</template>
11
​
12
<script>
13
import { StripeCheckout } from '@vue-stripe/vue-stripe';
14
export default {
15
  components: {
16
    StripeCheckout,
17
  },
18
  data () {
19
    this.publishableKey = process.env.STRIPE_PUBLISHABLE_KEY;
20
    return {
21
      loading: false,
22
      sessionId: 'session-id', // session id from backend
23
    };
24
  },
25
  methods: {
26
    submit () {
27
      // You will be redirected to Stripe's secure checkout page
28
      this.$refs.checkoutRef.redirectToCheckout();
29
    },
30
  },
31
};
32
</script>
Copied!

Subscriptions

Sessions Generator

Last modified 4mo ago

Export as PDF

Copy link

Edit on GitHub

Contents

1. Create a session

2. Redirect to checkout