This sample is split into a few projects
- StripeEventsCheckout.ApiServer - ASP.NET Core HTTP API backend that hosts endpoints for managing the checkout session and wehbooks
- StripeEventsCheckout.BlazorUI/ - Frontend UI built with Blazor and Tailwind CSS.
- StripeEventsCheckout.Tools - .NET CLI tool for seeding Stripe product data. (Unneeded. Kept just for reference)
- .NET SDK 6.0+
- Stripe Account
- Stripe CLI
Before running the code, you'll need to retrieve your Stripe Secret Key from your account dashboard.
- Log in to your Stripe Dashboard
- Make sure you're in test mode. The toggle is located at the top right corner of the page.
- Click on the
Developers
button, then selectAPI Keys
in the left menu - Under
Standard Keys
, reveal and copy yourSecret key
.
You can learn more about API Keys and Modes at this link => https://stripe.com/docs/keys
- Update the
appsettings.json
file located in the root directory of StripeEventsCheckout.ApiServer with your Stripe Publishable Key and Secret Key
"Stripe": {
"PublishableKey": "",
"SecretKey": "",
"WebhookSecrety": ""
},
Use the stripe listen
command with the --forward-to
flag to stream stripe events from your account in test mode to your local webhook endpoint.
stripe listen --forward-to localhost:5276/webhook
This command will return the webhook secret that you'll add to the WebhookSecret
configuration key in your appsettings.json
file.
The appsettings.json
file has a configuration property called SeedProductData
. Set it to true
to initiate seeding product and pricing data.
Navigate into the src/ directory
cd src/
Run the project
> dotnet build
> dotnet run --project StripeEventsCheckout.ApiServer
By default, the application should start running on https://localhost:5276
The repo contains Dockerfiles and docker-compose files to quickly spin up the project running in containers on your local Docker instance.
To run the containers locally, you'll need to have Docker installed on your machine.
File Listing
- Dockerfile.ApiServer - The Dockerfile definition to build the Blazor frontend and API Backend.
- docker-compose-app.yml - Docker compose file to spin up the application.
- docker-compose-infra.yml - Docker compose file to spin up some additional services.
Service | Local Port(s) |
---|---|
Stripe Events Web App | 5276 |
Mongo DB | 27017 |
Seq | 8191 |
Run the containers
Run the following command from the root directory of the project
> docker compose -f docker-compose-app.yml -f docker-compose-infra.yml up