yjy_stripe_checkout

Creator: coderz1093

Last updated:

0 purchases

yjy_stripe_checkout Image
yjy_stripe_checkout Images
Add to Cart

Description:

yjy stripe checkout

Stripe Checkout For Flutter #
⚠️ Important! #
This package is being discontinued as checkout now only relies on backend code to work.
https://stripe.com/docs/checkout/quickstart
The method that we use to redirect to checkout has been deprecated in the official sdk and will be removed in future versions.
The alternatives for this are described as here:
https://stripe.com/docs/payments/online-payments#compare-features-and-availability

Payment Links: They do not require any code integration
Checkout: It requires to setup the checkout session in the server and handle the routes redirection for Flutter
Elements: The Flutter Stripe SDK provides with the PaymentSheet (for iOS and Android) and the PaymentElement (web)
that with minimal coding you can easily integrate a pre built UI in your app that allows to handle multiple payment methods and allows to customize your UI.



The quickest way to build conversion-optimized payment forms, hosted on Stripe.
final sessionId = await getSessionIdFromMyServer();
final response = await redirectToCheckout(context: context, sessionId: sessionId, publishableKey: publishableKey);
copied to clipboard
Learn more about checkout in Stripe docs
Web #
In web, the website is redirected automatically to the checkout stripe url. And it will go back to the successUrl or canceledUrl defined on your server when creating the checkout session. See how to setup your server here
https://user-images.githubusercontent.com/19904063/116256859-d87bc600-a773-11eb-9288-c53da161f20d.mov
Alongside this package it is required to add the js library into the index.html

<html>
<head>
...
</head>
<body>
...
<script src="https://js.stripe.com/v3/"></script>
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
copied to clipboard
Android and iOS #
Stripe checkouts is implemented using a webview. To keep it in sync with your app navigation you have to define the same successUrl and canceledUrl on your backend and your app.
https://user-images.githubusercontent.com/19904063/116256916-e6314b80-a773-11eb-90cd-6609a34f1a3d.mov
https://user-images.githubusercontent.com/19904063/116256936-ec272c80-a773-11eb-867b-b9abd533c73f.mov
Other platforms #
Sadly webview is not implemented in any other platform yet. When that package is implemented in new platforms, this package will extend its support too

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.