Flutter Marketplace app with Stripe Connect - Part 2 - Deeplinking & paying for products
HTML-код
- Опубликовано: 5 авг 2024
- This is part two of the series in which you'll learn how to integrate Stripe Connect with a flutter marketplace application.
In this video, you'll learn how to implement Deeplinking in a Flutter application. We'll create a deep link using a Custom URL Scheme for our Flutter application so the Seller can land back in the app after the Stripe Connect onboarding. You'll also learn how to use the Stripe Checkout (the stripe-hosted checkout page) to pay for our products from the Flutter application.
Flutter App: github.com/AhsanAyaz/flutter_...
Backend Code: github.com/AhsanAyaz/stripe-c...
❤️❤️ Become a Supporter (because you're awesome):
/ muhd_ahsanayaz
❤️ Support the CodeWithAhsan community One-Time-Only:
buymeacoffee.com/codewithahsan
🎥 Live Streams / Free sessions:
/ codewithahsan
🧑🤝🧑 Join the Discord Community:
/ discord
👉 Socials:
bio.link/muhd_ahsanayaz
🎥🎤📷 GEAR for Content Creation (contains affiliate links) 🎥🎤📷:
Audio-Technica AT2020USB+ Cardioid Condenser USB Microphone
amzn.to/3jPFhis
Blue Microphones iCE USB Mic
amzn.to/3jQjpDK
Sony a5100 Camera
amzn.to/3jNcfjE
Elgato Key Light, 2800 Lumens
amzn.to/2WVHYqo
Sigma 16mm f/1.4 DC DN Contemporary Lens for Sony E (402965)
amzn.to/3to74d3
Philips Hue Go White and Color Portable Dimmable LED
amzn.to/38OzovO
Logitech G PRO X Gaming Headset (2nd Generation)
amzn.to/2WX9Vh8
ASUS TUF Gaming 27" 2K HDR Curved Monitor (VG27WQ1B)
amzn.to/3jTel1A
SAMSUNG 27-Inch CRG5 240Hz Curved Gaming Monitor (LC27RG50FQNXZA)
amzn.to/3E5nsEv
Logitech G Pro Wireless Gaming Mouse
amzn.to/3tuRnRy
Corsair K70 RGB MK.2 Mechanical Gaming Keyboard
amzn.to/3BQp42N
TIME CODES:
0:00 - Introduction
1:11 - Getting started
2:23 - Using a custom URL scheme
5:19 - Creating the Register Success page for Deep linking
7:30 - Installing the uni_links package and subscribing to uriLinkStream
9:30 - Configure the router to handle the register-success route
13:38 - Testing the deep link
15:23 - Understanding how the payment flow works
17:20 - Installing webview_flutter package
17:55 - Understanding the backend API code for creating a checkout session
21:33 - Update StripeBackendService in the Flutter app
23:48 - Creating a session when we tap the Pay with stripe button on a product
24:50 - Creating & understanding a route with Webview to open Stripe-hosted Checkout page
30:10 - Testing payments as a customer
33:11 - Verifying if we received the payment amount in the Stripe dashboard for the Seller
34:08 - Outro Наука
You got coffee from me !!!!. Thanks for sharing your knowledge with us.
Hey Arzuman. Thanks a bunch for the coffee :) Ignore my message that I sent you to ask what content you liked to take this action. Now I know.
Stay tuned for more content. Will make sure the quality remains as good as it is now.
Have a great week ahead.
I think we need part 3 for deploying to production
how is the seller going to retrieve his money? is there any tutorial of guide for that? if yes then do share with me :)
TIME CODES:
0:00 Introduction
1:11 Getting started
2:23 Using a custom URL scheme
5:19 Creating the Register Success page for Deep linking
7:30 Installing the uni_links package and subscribing to uriLinkStream
9:30 Configure the router to handle the register-success route
13:38 Testing the deep link
15:23 Understanding how the payment flow works
17:20 Installing webview_flutter package
17:55 Understanding the backend API code for creating a checkout session
21:33 Update StripeBackendService in the Flutter app
23:48 Creating a session when we tap the Pay with stripe button on a product
24:50 Creating & understanding a route with Webview to open Stripe-hosted Checkout page
30:10 Testing payments as a customer
33:11 Verifying if we received the payment amount in the Stripe dashboard for the Seller
34:08 Outro
nice work! thank you
Thanks
Thank you very much for your awesome video!
greetings from brazil, thanks for the portuguese subtitles. Great tutorial.
❤️
I literally thought, I found good video by watching part 1.
Where is account onboarding process and payment part?
Question, is it possible to integrate stripe connect with flutter Web to make use of the full stripe payment gateway? I've heard that the integration is possible but limits Stipes offerings. For example, apple and Google pay won't work on flutter web using stripe connect, is that true?
Hi Muhammad,
This tutorial is great! Can you also make a detailed tutorial that the flutter marketplace application integrates with firebase and firebase Cloud Functions? Many thanks!
Thanks for the appreciation ❤️
Sure. Will look into it
Do you have a video for Flutter Web application and Stripe Connect
Not yet :)
how to do it in the live mode? without localhost?
Thanks for this amazing tutorial!
One question tho, why haven't you used the webview plugin for registration too?
Hey Neat. I used two different methods on purpose to teach two different techniques :) You can use WebView in both cases
@@CodeWithAhsan So nice of you too think like this. Thanks 👍👍
Hye. I am using laravel as a backend and I am confused about the code behind continue to app button. Can you please mention the function which I had to hit when someone click on continue to app
Hi. The continue app button used the custom uri scheme of the app. Does a window.open('pandagums://my_url'); using JavaScript
What do I do if I want to have web app? I know that deep link don’t work for web apps. Any tips 🥺
Hey. I believe deeplinks for webapps would be just URLs of your apps pointing to the exact page. Like myapp.com/post/someID etc
So you probably just need a redirection there
@@CodeWithAhsan thank youuuu =))))))
@@KaiCodingJourney Happy to help as always :) All the best with the project you're working on 💖
part 3 ?
There's no part 3. The tutorial is finished in this one 🙂
router. i hate router. need to study router more.
Haha. I'd probably make a video on the router as well. Would have to spend some time to understand how to work with it in the easiest possible manner
part 3 ?
There's no part 3 :) The tutorial is a two part tutorial.