Flutter Web Login

[nomanmurtaza786]

Hi there,
I am trying to integrate Supabase with the flutter App. I am using plugin url_strategy to remove # from the flutter URL.
https://pub.dev/packages/url_strategy/

But when I get Supabase call back it starts with # so the flutter web router also removes that URL. Is there any we can get call back URL without #?

[phamhieu]

Hi @nomanmurtaza786, using fragment # is a gotrue design choice. You can read more details here

[nomanmurtaza786]

Hi @nomanmurtaza786, using fragment # is a gotrue design choice. You can read more details here

Actually, I am using flutter web, any guide to get a callback URL in flutter web?

[nomanmurtaza786]

Hi @nomanmurtaza786, using fragment # is a gotrue design choice. You can read more details here

I am getting this link https://sfasfsafas.supabase.co/auth/v1/verify?token=sfasfsafas&type=magiclink&redirect_to=http://localhost:5555/#/callback?

But this link get opened it doesn't go given callback URL

http://localhost:5555/#access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.safsafsafsa.safsafasfasfas-ZhaRkptXQF9hi4paapSBQ4iJvg&expires_in=3600&refresh_token=afsafsafsacxascas&token_type=bearer&type=magiclink

if there is any error it goes to right path

[phamhieu]

Hi @nomanmurtaza786, if you want to use a custom redirect_to for flutter web. Please replace # with the encoded value %23

http://localhost:55510/%23/webAuth

I suggest you to use default Site URL for flutter web. Check out the update example here

web-demo.mp4

[nomanmurtaza786]

Hi @nomanmurtaza786, if you want to use a custom redirect_to for flutter web. Please replace # with the encoded value %23

http://localhost:55510/%23/webAuth

I suggest you to use default Site URL for flutter web. Check out the update example here

web-demo.mp4

Thanks, @phamhieu I will try this. but do you know how can we do the auth with popup and return back to the same screen with flutter web.

[himeshp]

+1 for flutter mobile Apps.
pop up + return back,

[phamhieu]

Right now supabase-flutter doesn't support popup

[nomanmurtaza786]

Right now supabase-flutter doesn't support popup

@phamhieu i think it's more like flutter web guide rather than supabase. Open popup and go back when uri.base contain access token.

[phamhieu]

because of security, i don't think we can do that on flutter web or event original web app.

sorry, i misunderstand your question. Can you share more why you want to do it in a popup instead of a full page redirect?

[himeshp]

It's a better user experience at least on the flutter mobile app, it takes out all the deep linking hassle + user is already logged in e.g. Twitter, Google, FB, etc.

[nomanmurtaza786]

because of security, i don't think we can do that on flutter web or event original web app.

sorry, i misunderstand your question. Can you share more why you want to do it in a popup instead of a full-page redirect?

yes exactly instead, full screen can we do it in the popup and go back to the same page.

[dshukertjr]

Supporting pop up kind of like how Firebase Auth does it involves some additional development on the server side, so at the moment it cannot be supported, but it is definitely something we would want at some point.

@phamhieu Could we talk to the back end team about supporting this on gotrue? Not a must have, but would be great to have it somewhere along the line!

[himeshp]

flutter web is still evolving, the adoption is slow, but on the other hand, it would be great to see pop-up support for flutter android & iOS apps.

[nomanmurtaza786]

Supporting pop up kind of like how Firebase Auth does it involves some additional development on the server side, so at the moment it cannot be supported, but it is definitely something we would want at some point.

@phamhieu Could we talk to the back end team about supporting this on gotrue? Not a must have, but would be great to have it somewhere along the line!

@dshukertjr I think it's nothing to do with supabase it's more like a flutter web feature like I am using web view in the phone. When my url contains access token I do navigator pop and pass url back to retrieve the session. When to do same on the Web may be with dialog box it's possible.