Integrate STRIPE CONNECT to your FlutterFlow App Part 2

Summary

This tutorial guides viewers through the Stripe Connect checkout process, detailing how to configure API calls for creating a checkout session and managing payments to connected accounts. It explains the necessary parameters, including URLs and line items, and emphasizes the importance of recording transactions in a database. The tutorial also covers setting up webhooks to handle post-payment events, ensuring proper permissions for cloud functions, and testing the payment flow with sample transactions. By the end, users will understand how to effectively implement Stripe Connect in their applications, despite the lack of an out-of-the-box solution in Flutter Flow.

Takeaways

• 😀 The tutorial focuses on completing the Stripe Connect checkout process for a $5 payment to a connected business account.
• 💡 Part four of the tutorial covers accepting payments and handling post-payment events using Cloud Functions.
• 🔧 Users are instructed to create a simple checkout button and configure the API call for checkout sessions in Flutter Flow.
• 📜 Key parameters for the API call include connected account information, success URL, cancel URL, currency, product name, unit amount, and quantity.
• 📊 It's essential to pass the unit amount in cents (e.g., $1.00 as 100) and specify the quantity as an integer.
• 💰 The application fee can be set to collect a percentage of the transaction, allowing the platform to earn revenue.
• 📈 A transaction table is set up to record session IDs and amounts for backend tracking of payment transactions.
• 🌐 The tutorial demonstrates how to set up webhooks to handle payment completion events effectively.
• 🔍 If the webhook fails due to permission issues, enabling 'all users' as invokers for the Cloud Function can resolve this.
• 🚀 The tutorial emphasizes that while Stripe Connect integration is complex, it facilitates marketplace transactions while allowing the platform to take a commission.

Q & A

What is the main purpose of the tutorial?

The tutorial aims to demonstrate how to implement the Stripe Connect checkout process using Flutter Flow, allowing users to pay a connected account while taking a portion of the payment for the business.

What API call is configured for the checkout session?

The API call configured for the checkout session is `checkout/sessions`, which is used to create a Stripe-hosted checkout page.

What key information must be included in the request body for the checkout session?

The request body must include the success and cancel URLs, line item details (such as product name, amount, and quantity), and the mode of the transaction (set to 'payment').

How is the amount represented when passing it to Stripe?

The amount is represented as an integer in cents. For example, $5 is passed as 500.

What are the steps to record a transaction in the backend?

To record a transaction, a document is created in the transaction table with the Stripe session ID and amount. The session ID is retrieved from the API response after the checkout session is created.

What is the role of the Cloud Function in this setup?

The Cloud Function listens for webhook events, specifically `checkout.session.completed`, to process payment confirmations and record transaction details in the database.

Why is it necessary to adjust permissions for the Cloud Function?

Adjusting permissions is necessary to allow Stripe to invoke the Cloud Function. The 'all users' invoker role must be granted to enable this functionality.

What happens when a payment is successfully processed?

Upon successful payment, the user is redirected to the success URL, and the payment status is recorded in the backend, along with other transaction details.

What additional webhook events should be set up for comprehensive payment handling?

In addition to `checkout.session.completed`, webhook events for `async.payment.succeeded` and `async.payment.failed` should also be set up to manage payment updates effectively.

What resources are suggested for troubleshooting deployment issues?

For troubleshooting deployment issues with Cloud Functions, users are advised to search online forums and community discussions for solutions, particularly focusing on common errors related to permissions and function deployment.