Stripe Checkout in Facebook Messenger Webview Demo

Setup

Create Stripe Account:
Enable client-only checkout
Add username.github.io (replace username with your github user name) and www.messenger.com (for the redirect URLs) to domain whitelist in https://dashboard.stripe.com/account/checkout/settings
Create a one-time or recurring product in the Stripe Dashboard: https://dashboard.stripe.com/products
- After creation click the "Use with checkout" button and copy the sku (sku_xxx) or plan (plan_xxx) ID
Copy your publishable key from: https://dashboard.stripe.com/apikeys
Put the URL together:
- One-time Products: https://username.github.io/reponame/index.html?pk=<YOUR_PUBLISHABLE_KEY>&sku=<YOUR_SKU_ID>&qty=<QUANTITY_NUMBER>
- Subscription (recurring): https://username.github.io/reponame/?pk=<YOUR_PUBLISHABLE_KEY>&plan=<YOUR_PLAN_ID>&qty=<QUANTITY_NUMBER>