Google Auth in FlutterFlow with Supabase

Поділитися
Вставка
  • Опубліковано 8 січ 2025

КОМЕНТАРІ • 37

  • @TwenTV
    @TwenTV 10 місяців тому +7

    Just the guide I was needing! Looking forward to following this one, thanks

    • @The_Calda_
      @The_Calda_  10 місяців тому

      Great, thanks! Let us know if you need any further assistance :)

    • @TwenTV
      @TwenTV 10 місяців тому +1

      I am still stuck on Stripe integration in Flutterflow when using Supabase backend. I am considering building the integration in a custom backend, but I would still really prefer Flutterflow native support. Any videos on this could be interesting

  • @tanujain2605
    @tanujain2605 10 місяців тому +3

    Great video, I request one more tutorial, I have been struggling with weathermap geolocation API from quite long. I want a perfect tutorial which shows how one can leverage latitude longintude from current location in openweathermap API to get current location weather.

    • @The_Calda_
      @The_Calda_  10 місяців тому

      Sounds interesting, we will definitely look into this :)

  • @NagaKowshalTata
    @NagaKowshalTata 10 місяців тому +1

    So smooth, awesome walkthrough.

  • @rromerog9
    @rromerog9 7 місяців тому +1

    Very good video but no one points out that those action won’t excecute at least on web since after the login action you will be redirected to supabase callback url so the actions following the auth action won’t be excecuted at all

    • @Rrrrnnyg
      @Rrrrnnyg 2 місяці тому

      Yes, this is the problem.

  • @gifproductions2
    @gifproductions2 5 місяців тому

    Fantastic video! I'd love to know more about getting the proper "sign in with google" button though! Their rules seem little bit confusing

    • @The_Calda_
      @The_Calda_  4 місяці тому +1

      Thanks for the great feedback! 😀 For the "Sign in with Google" button, it can be a bit confusing, but FlutterFlow offers clear guidelines and resources to help. 🙌 But maybe we could do a tutorial on this in a future video.

  • @daleoshea4204
    @daleoshea4204 8 місяців тому +2

    What happens if someone creates their account via email and then later tries to sign in with google auth, are they connected? If not how can we connect them?

    • @The_Calda_
      @The_Calda_  8 місяців тому +2

      Yes, if the email used for signing in with Google authentication matches the one used for creating the account via email and password, the user will be logged into the same account. In this case, the account will now have two authentication providers linked to it: email and Google.

  • @bluerm135
    @bluerm135 9 місяців тому +2

    Beautiful! Have you plan to make tutorial about Apple login in FlutterFlow with Supabase?

  • @TheShlah
    @TheShlah 6 місяців тому

    Thanks a lot for clear expalanation!

  • @JohnTse-sb9yb
    @JohnTse-sb9yb 10 місяців тому

    Great video! I was wondering if you could show a tutorial on how to use firebase as the authentication method for a flutterflow project while maintaining a supabase database. I'm having some issues with giving access to the database as I want the tables to be accessed by authenticated users only

    • @The_Calda_
      @The_Calda_  8 місяців тому

      Thanks for your feedback! 😃 We'll consider making a guide in the future. Stay tuned :)

  • @panzeredits9023
    @panzeredits9023 9 місяців тому

    The ID doesn't let me place anything, do you know why?(8:35)

    • @The_Calda_
      @The_Calda_  8 місяців тому +1

      Make sure to have the id column in your users_data set to type uuid.

  • @knlim88
    @knlim88 4 місяці тому

    hello...
    The voice is very good.
    After logging in to Google, the action part to create an account in the Supabase user table is not being executed.
    Where should I check?
    thank you

    • @knlim88
      @knlim88 4 місяці тому

      Perhaps after logging in to Google, the next action is the user before registering a user in a table,
      it appears that Flutterflow first moves to the page set after logging in on the initial page of settings.

    • @The_Calda_
      @The_Calda_  4 місяці тому

      Hello,
      you can try making a user with a trigger on users.auth table in superbase, which can insert a new row into public.users_data after a new user signs up. This way you insert a row into public.users_data table directly from the backend. 😀

    • @knlim88
      @knlim88 4 місяці тому

      @@The_Calda_
      I set the action to proceed to the steps below when clicking the Google linked account registration button in Flutterflow.
      Step 1: Google login
      Step 2: Register public users table user
      Step 3: Go to the login page
      The current situation is as follows.
      Step 1 is progressing well, and the account is being registered in Supabase's auth table.
      The problem is that Flutterflow cannot proceed to step 2 and goes directly to Settings >> Authentication >> Page movement after logging in.
      So I can't register users in the public users table.
      I would appreciate it if you could give me an answer on where I should check.
      thank you

    • @knlim88
      @knlim88 4 місяці тому

      @@The_Calda_
      I set the action to proceed to the steps below when clicking the Google linked account registration button in Flutterflow.
      Step 1: Google login
      Step 2: Register public users table user
      Step 3: Go to the login page
      The current situation is as follows.
      Step 1 is progressing well, and the account is being registered in Supabase's auth table.
      The problem is that Flutterflow cannot proceed to step 2 and goes directly to Settings >> Authentication >> Page movement after logging in.
      So I can't register users in the public users table.
      I would appreciate it if you could give me an answer on where I should check.
      thank you

  • @jimvh7557
    @jimvh7557 9 місяців тому

    Very helpful video indeed! Tx.

  • @vito77
    @vito77 9 місяців тому

    Thanks for the video. Google authentication works in my web mode, but I can't log in on the APK I downloaded from FF. Shouldn't it work there too? What might I be doing wrong? I've already repeated all the steps several times.

    • @The_Calda_
      @The_Calda_  8 місяців тому

      If you get this error the issue is probably in the Google credentials. You should have a credential of type Android (delete if you have an existing one) in your projects Google developer console with the correct package name (e.g. com.company.example) and SHA-1 signature. The latter is trickier since you need to generate it yourself, paste it to the Google dev console while generating credentials and then use that credentials clientId in your login setup configuration. Check FlutterFlow Docs: Google Sign-In (Supabase) and then Initial Setup.

  • @uniquejewelry3174
    @uniquejewelry3174 8 місяців тому

    Why are you use supabase instead of firebase ?

    • @The_Calda_
      @The_Calda_  8 місяців тому

      There are multiple factors to consider when it comes to choosing your backend structure and both Firebase and Supabase are great options to go with. We usually consider Supabase a better option due to the SQL structure, better performance, and smaller ongoing costs (especially when you scale). There are other project-specific factors to consider always as well, so make sure to do your own research to decide which of the tools is better for your project specifically.

  • @PavanKumar-n9u
    @PavanKumar-n9u 4 місяці тому

    Google Sign-In Works on Web but Fails on Android in FlutterFlow with Supabase Auth. anyone facing this issue

    • @16td
      @16td Місяць тому

      yeah, did you solve the issue?

  • @RolandoRc2503
    @RolandoRc2503 9 місяців тому

    Hello I did all the steps but I get this error:
    com.google.android.gms.common.api.ApiException: 10:
    and I don't know where I'm going wrong :(

    • @The_Calda_
      @The_Calda_  9 місяців тому +1

      If you get this error the issue is probably in the Google credentials. You should have a credential of type Android (delete if you have an existing one) in your projects Google developer console with the correct package name (e.g. com.company.example) and SHA-1 signature. The latter is trickier since you need to generate it yourself, paste it to the Google dev console while generating credentials and then use that credentials clientId in your login setup configuration. Check FlutterFlow Docs: Google Sign-In (Supabase) and then Initial Setup.

    • @RolandoRc2503
      @RolandoRc2503 9 місяців тому

      @@The_Calda_ Thank you very much, I managed to solve it by creating a new project and with new credentials, and it worked.