Run Subscription Payments with the Stripe Firebase Extension
This is an example web client for usage with the Stripe Subscriptions Firebase Extension.
Features:
- Renders product and pricing details from your Cloud Firestore.
- Creates Stripe Checkout Sessions to start subscriptions for your customers.
- Syncs your subscription statuses with Firebase Authentication for access control management.
- Gives your users access to the Stripe Customer Portal.
Demo
The design for Stripe Checkout and the customer portal can be customized in your Stripe Dashboard branding settings. See this example which is customized to match the Firebase color scheme:
Setup
If you haven't already, install the Firebase CLI:
npm install -g firebase-tools
Install and configure the Firebase Extension
- Install the Stripe Subscriptions Firebase Extension.
- Configure the extension in your Firebase Console.
Configure the example web client
- In the /public/javascript/app.js file set your
STRIPE_PUBLISHABLE_KEY
from the Stripe Dashboard.taxRates
array from the Stripe Dashboard.firebaseConfig
object from your Firebase console project settings.functionLocation
from your Cloud Functions location setting.
Run locally
firebase serve --project {your Firebase project name}
# or
npm run dev
Deploy to Firebase Hosting
firebase deploy
# or
npm run deploy