Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can you provide documentation for Flutter web stripe SDK package development because we are going to contribute for stripe sdk Flutter web full support of. #1760

Open
sultan-addweb opened this issue May 7, 2024 · 4 comments
Labels
needs triage Needs triage

Comments

@sultan-addweb
Copy link

Is your feature request related to a problem? (please describe)
A clear and concise description of what the problem is. Ex. I would like to see [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear description of alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

@sultan-addweb sultan-addweb added the needs triage Needs triage label May 7, 2024
@vietstone-ng
Copy link

Interested. I'm just starting with Stripe, to be honest. I have some time to contribute.

@davoutuk
Copy link

I can also help if this work is underway. Please contact me for more info

@QPAYRE
Copy link

QPAYRE commented Sep 27, 2024

I'm really interested for a documentation too. Seems to be tough to implement stripe on web; hope this package will solve my problem.

@vietstone-ng
Copy link

I implemented it, so I think I can give some words for others. On flutter web, we actually don't use any package to implement the feature. We use a bare web solution (https://support.stripe.com/questions/embedded-checkout-vs-stripe-hosted-checkout), same as any normal web page. It just work.

  • If you use Hosted solution, you can redirect user to checkout page by:
import 'dart:html' as html;

void webRedirectTo(String checkoutUrl) {
  html.window.location.href = checkoutUrl;
}

This will end your current flutter app, and open the checkout page. Setup a success callback url to your app. Your app lauch and you can continue your flow.

  • If you use the Embedded solution, you can display the checkout page inside your app by flutter_inappwebview. This keeps your current flutter app, just display the checkout page as a popup. After success, you can continue your flow immediately.

Above is the base steps. You may need some html/js skills to hack your web implementation to make it works. You can try their web/js examples to see how it works then apply back to your flutter web.

Good luck.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage Needs triage
Projects
None yet
Development

No branches or pull requests

4 participants