Login with Google Using Supabase in FlutterFlow App

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

ความคิดเห็น • 107

  • @lucenajjj
    @lucenajjj 10 หลายเดือนก่อน +4

    I have to congratulate you not only for the video but for making the code available, many TH-camrs make videos and don't make the code available. You're 1000 note

  • @mazenalsakkaf
    @mazenalsakkaf 10 หลายเดือนก่อน +2

    Fantastic video! I'm particularly interested in implementing a reminder feature that can notify the user even when the app is not running. I'm using FlutterFlow and Supabase, and I'm not sure how to achieve this functionality. Could you please share some guidance on how to approach this?
    Thanks again for the great content!
    Cheers

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน +1

      Integrate Onesignal with your app .
      I have already created a video on onesignal integration with flutterflow.

    • @mazenalsakkaf
      @mazenalsakkaf 10 หลายเดือนก่อน +1

      @@flutterflowvip Thanks a lot!

  • @jwolpert
    @jwolpert 6 หลายเดือนก่อน +1

    This has changed, right? Flutterflow authentication options now include Supabase/Google oauth direct setup without creating custom code, no?

    • @flutterflowvip
      @flutterflowvip  6 หลายเดือนก่อน

      Yes it's now available in flutterflow

  • @mohamedsaid3449
    @mohamedsaid3449 10 หลายเดือนก่อน +1

    thanks for all the other videos by the way they are great and very very helpful.

  • @atheer3343
    @atheer3343 6 หลายเดือนก่อน +1

    Is it possible to integrate Stripe connect (for multivendor type of transactions ) in flutterflow with supabase as a backend? If so Can you please make a video on this. Thank you for the content and info.

    • @flutterflowvip
      @flutterflowvip  6 หลายเดือนก่อน

      Yes it's possible using edgefunction.
      and sure I will try to create video on this soon

    • @atheer3343
      @atheer3343 6 หลายเดือนก่อน

      I would greatly appreciate it and the rest of the FF community as well. It’s barely touched upon by anyone else and not a lot of resources for it. Thank you for your consideration and your time and wish you all the best. Love the channel and the content you provide 💙.

  • @abdifatahsaid6624
    @abdifatahsaid6624 9 หลายเดือนก่อน +1

    thanks for the video, i have a question how to get the sccess_token, refresh_token and user_id after authenticated. thank you

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน

      If you use the method mentioned in the video . Then u can use Flutterflows Authenticated user . variable.you will get all the details

    • @abdifatahsaid6624
      @abdifatahsaid6624 8 หลายเดือนก่อน

      Btw iam using fcm notifications. But it is only working in the background mot the foreground. How can i make it work in the foreground

  • @ajaykumarz22
    @ajaykumarz22 4 หลายเดือนก่อน +1

    Hey, the status bar color changed but the text and icons on status bar is not visible. maybe those text and icon colors are also white? how to handle this?

    • @flutterflowvip
      @flutterflowvip  4 หลายเดือนก่อน

      To change color of status bar text and icon you have to extend the code to use color for these.

  • @bluerm135
    @bluerm135 9 หลายเดือนก่อน +1

    Great video! It is really helpful. Could we build flutterflow app using apple login in supabase?
    And this topic is in your future video plan??

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน

      Yes, definitely we can build apple login with supabase and yes it is in my video plan.

  • @alexjunio_prof
    @alexjunio_prof 9 หลายเดือนก่อน +1

    Thank you! Could you teach us how to insert a row in a table "user" as example after the users sign up with Google?

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน

      You can insert exactly the same way you do if implemented email auth.

    • @Kamal_sabki
      @Kamal_sabki 7 หลายเดือนก่อน

      I setup google auth with supabase and I realized that create account and login with google are the same, they jump directly to the logged in page overriding any logic; I inserted an action to insert a row right after create account to add a row in my custom user table and it’s not working , it only add a row in the auth table.
      I have a 2 flows in signup (email and google) based on the choice I have to navigate the user to a specific page, it’s working with email and not working with google, it neglect my logic and jump to home page.
      Any suggestions ?

    • @flutterflowvip
      @flutterflowvip  7 หลายเดือนก่อน

      the login flow will be the same because the auth response is handled by Flutter flow.
      and about - you can create a function and trigger in supabase - so when a new auth user gets created it will create the same user in public.user table with the same auth uid
      @@Kamal_sabki

  • @romilmachado7
    @romilmachado7 5 หลายเดือนก่อน +1

    Hey,
    I am facing an issue in my flutter flow project.
    Is there any way I can connect with you.
    Instagram or chat box?

  • @wesseldieben7490
    @wesseldieben7490 6 หลายเดือนก่อน +1

    I have a question this only seems to work on web. XCode for IOS doesn't support dart library 'dart:html'. So how do we solve this?

    • @flutterflowvip
      @flutterflowvip  6 หลายเดือนก่อน

      You can try another package instead of html that supports ios

  • @YohannanKPhilip
    @YohannanKPhilip 10 หลายเดือนก่อน +2

    Hey Thanks for the video,
    Your video works great for web app
    But can you help how to make this of mobile app?

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      the method i used in this is also going to work on mobile device .i have tested.

  • @mdsalahuddin2841
    @mdsalahuddin2841 9 หลายเดือนก่อน +1

    Compile button is not available on the custom action code page on ff. any advice?

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน +1

      It's happens sometimes just refresh the page.

  • @sergiuKyzminskiy
    @sergiuKyzminskiy 4 หลายเดือนก่อน

    Hello! The video is good, but is I don't need to create an account in the app, how should I perform auth. to the app. For example, I want to create the app for private company and the access to the app will only for the people, who are in the DB.

    • @real_manish
      @real_manish 4 หลายเดือนก่อน

      you can disable account creation . and add users manually.

    • @real_manish
      @real_manish 4 หลายเดือนก่อน

      or if everyone using organization email id . Then you can allow login or registration with specific domain .

    • @flutterflowvip
      @flutterflowvip  4 หลายเดือนก่อน

      you can follow any of these.

  • @mohamedsaid3449
    @mohamedsaid3449 10 หลายเดือนก่อน +1

    i did exaclty as shown in teh video but the it keeps saying "Declaration not found" am i missing on something??

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Try the action name by copy pasting function name

  • @JimilPatel-f6h
    @JimilPatel-f6h 10 หลายเดือนก่อน +1

    Thank you for this video..can you please make video how to see realtime changes in flutterflow from supabase?

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      sure i will make a video on this soon

  • @Kamal_sabki
    @Kamal_sabki 6 หลายเดือนก่อน

    Thanks for the video, I have an issue with google signup as am not able to redirect the user to a certain page to continue the onbording, i have a page with pagview widget (7 pages) and based on the choice of auth (email, google or apple) I redirect the user to the right pageview index to continue the onbording signup, but the behavior is different as when clicing on signup with google the user is directed to the site URL of supabase, even redirect url with deep linking not working ? any suggestions please to redirect the user only in the sigup process ? thanks

    • @flutterflowvip
      @flutterflowvip  5 หลายเดือนก่อน

      i you want to redirect to specific page then you have to use custom authentication in flutterflow

  • @scalenieduszy
    @scalenieduszy 9 หลายเดือนก่อน +1

    Great job!

  • @vnhg
    @vnhg 5 หลายเดือนก่อน +1

    This is really good. Thank you

  • @sbessot
    @sbessot 9 หลายเดือนก่อน +1

    hello, it seems to stay in test mode for Google, how do we change it to production ?

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน +1

      If you are creating web app then you have add your web url in supabase redirect uri
      If it's an Android or iOS then add your deeplink in supabase redirect uri.

    • @sbessot
      @sbessot 9 หลายเดือนก่อน

      we have an error with the code "import 'dart:html' as html" when we export apk file.@@flutterflowvip

    • @vito77
      @vito77 7 หลายเดือนก่อน

      @@flutterflowvip same error "import 'dart:html' as html" here

  • @16td
    @16td 15 วันที่ผ่านมา +1

    hello, is using google sign-in free (with supabase)?

  • @laugedyret
    @laugedyret 10 หลายเดือนก่อน +1

    Thanks!

  • @athuls2816
    @athuls2816 10 หลายเดือนก่อน +1

    great video man, can you do a video for payment with supabase it would be a banger for sure and the community is eager tp know that! hope...

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Sure

    • @athuls2816
      @athuls2816 10 หลายเดือนก่อน +1

      @@flutterflowvip thanks man ! Looking forward to it

  • @diegotewhite
    @diegotewhite 10 หลายเดือนก่อน +1

    Thanks for sharing your knowledge!!! I ran into a problem and I can't solve it. I get an error when compiling the action.
    This is the error :
    Unknown error compiling custom code. A common cause is a custom widget or action whose name in the code does not match the name provided in the editor.
    To make sure it's not the name, I used the boilerplate. I changed the name signInWithGoogle 1000 times, I put shorter names... but nothing.
    I thought it was a Beta version problem, but no. I tried compiling it with the beta in another project and it worked.
    The only difference is that the other project does not import this:
    import '/backend/schema/structs/index.dart';
    Forgive me if I'm showing you this and it has nothing to do with it, I'm not very clear about this.

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Thanks for pointing it . This import is unnecessary. I will remove it from the code.

    • @diegotewhite
      @diegotewhite 10 หลายเดือนก่อน

      I can´t remove it...

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Then you must be using data type .

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Try to copy and past the exact name in function to the action name.

    • @diegotewhite
      @diegotewhite 10 หลายเดือนก่อน +1

      Miraculously, that error no longer occurs! The problem is that when I log in with Google, it goes to the web app and not to the app that I am testing or running.

  • @pramodgeorgehq
    @pramodgeorgehq 4 หลายเดือนก่อน +1

    Hi Manish, how do I connect with you?

    • @flutterflowvip
      @flutterflowvip  4 หลายเดือนก่อน

      Hi pramod you can mail me here - manish@flutterflow.vip

  • @abdifatahsaid6624
    @abdifatahsaid6624 8 หลายเดือนก่อน +1

    can you create the apple signin with supabase please. thank you

  • @PrinceSingh-z9v4i
    @PrinceSingh-z9v4i 9 หลายเดือนก่อน +1

    Sir, please make a dedicated video on reflect, i request you

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน +1

      I won't be able to make seperate video right now.
      But I can guide you if you face any issue while creating your note app.
      Let me know where you are stuck .

    • @PrinceSingh-z9v4i
      @PrinceSingh-z9v4i 9 หลายเดือนก่อน +1

      @@flutterflowvip sir, how to add bold, heading section on note taking app

    • @PrinceSingh-z9v4i
      @PrinceSingh-z9v4i 9 หลายเดือนก่อน +1

      @@flutterflowvip sir, can you just show the timeline, for example which widget you are using and all of stuff!! Please its took only few minutes and help alot of subs.

    • @flutterflowvip
      @flutterflowvip  9 หลายเดือนก่อน +1

      For Note Taking app you can try html Enhance Editor Package.
      It's have all the feature required for a note taking app.
      That exactly I have used in reflect

    • @PrinceSingh-z9v4i
      @PrinceSingh-z9v4i 9 หลายเดือนก่อน

      @@flutterflowvip that why i said to make a dedicated video, i dont have knowledge in coding sir, please make a video on, i s e n d. y o u 1000 r s , sir please na i request you many times, please just open the camera and shoot the video, i dont know coding and advance knowledge in flutterflow, please 🙏

  • @xzatech
    @xzatech 10 หลายเดือนก่อน +1

    Would you mind doing a Supabase reset password video? much appreciated

  • @onedayapp3534
    @onedayapp3534 4 หลายเดือนก่อน

    Do you know how to do it also with AppStore loging?

    • @flutterflowvip
      @flutterflowvip  4 หลายเดือนก่อน

      What do you mean. AppStore loging

    • @onedayapp3534
      @onedayapp3534 4 หลายเดือนก่อน

      @@flutterflowvip iOS logging sorry, with the Apple account

  • @yosbel12
    @yosbel12 5 หลายเดือนก่อน +1

    can you make one with discord login with supabase and get groups channel notifications

    • @flutterflowvip
      @flutterflowvip  5 หลายเดือนก่อน +1

      Sure I will try to make it soon.

    • @yosbel12
      @yosbel12 5 หลายเดือนก่อน

      @@flutterflowvip that’s would be great ! !

  • @jeaneshpatel4370
    @jeaneshpatel4370 10 หลายเดือนก่อน

    I've implemented this, however there is an issue with the callback url that is returned by supabase. In flutterflow it seems the fragement (#) is being removed on load, so we can't access access_token, refresh_token, provider_token, expiry, etc. Any ideas how to get this data? Also these parameters are not in camel case which I think is another issue.

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      add the deeplink off your to Supabase .
      For callback url.
      and test in read device.

    • @jeaneshpatel4370
      @jeaneshpatel4370 10 หลายเดือนก่อน +1

      @@flutterflowvip Hi, I managed to get this working with a custom action, by using the uni_links dart package to read the deeplink. Thanks for your help!

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      Good to know .

  • @galendoproject6398
    @galendoproject6398 10 หลายเดือนก่อน +1

    sir, how do you add level users in ff supabase?

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      What do you mean level user.
      Do you mean add user as different role instead of user ? Like . admin or something?

    • @galendoproject6398
      @galendoproject6398 10 หลายเดือนก่อน +1

      yes users like admin, user1, user2.
      how to use it in flutterflow supabase?

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      First you need to create roles using SQL
      and Create RLS Policy according to those roles for Inserting , updating , deleitng @@galendoproject6398

    • @galendoproject6398
      @galendoproject6398 10 หลายเดือนก่อน +1

      Can you provide or share the video sir 🙏🙏

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      I haven't created any role based video on supabase yet. but I am planning to create video on this topic soon.

  • @akashadepudi8526
    @akashadepudi8526 10 หลายเดือนก่อน +1

    bro can u say how to login with mobile number otp verification using supabase can anyone help me pleaseee

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      yes bro I will make a video on this soon.

  • @amazingvideos4824
    @amazingvideos4824 3 หลายเดือนก่อน +1

    Brother please provide username and password to download the code

    • @flutterflowvip
      @flutterflowvip  3 หลายเดือนก่อน +1

      It will be available tomorrow

  • @rohailkhalid52
    @rohailkhalid52 6 หลายเดือนก่อน +1

    when i open the code you gave in description it shows this? tell me how can i fix this and also plz tell me where can i find my Site URl for Url configration
    {
    "kind": "Status",
    "apiVersion": "v1",
    "metadata": {},
    "status": "Failure",
    "message": "forbidden: User \"system:anonymous\" cannot get path \"/flutterflow-google-login-with-supabase/\"",
    "reason": "Forbidden",
    "details": {},
    "code": 403
    }

    • @flutterflowvip
      @flutterflowvip  5 หลายเดือนก่อน

      thats for reporting let me check

    • @rohailkhalid52
      @rohailkhalid52 5 หลายเดือนก่อน +1

      I will be very grateful if u would help me in this and also can you plz tell me how to use phone authentic ation

    • @flutterflowvip
      @flutterflowvip  5 หลายเดือนก่อน

      Sure

  • @YohannanKPhilip
    @YohannanKPhilip 10 หลายเดือนก่อน +2

    Hey thanks for the video,
    Your video works great for web app
    But can you help how to make this of mobile app?

    • @flutterflowvip
      @flutterflowvip  10 หลายเดือนก่อน

      this method is also for mobile app just follow the deeplink steps