Send PUSH Notifications to Flutter Apps With Supabase Edge Functions & FCM

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ •

  • @dshukertjr
    @dshukertjr Рік тому +15

    Let us know in the comments what other Flutter content you would like to see!

    • @awlad
      @awlad Рік тому +2

      Great tutorial, I'm going to use this to notify users for new chat message. My question is, what's the best way to prevent notifications when both users chat screen are on foreground?. I can store both user ids in a table and check or is there much better way of doing this using trigger/edge function? Thank you.

    • @Supabase
      @Supabase  Рік тому +3

      Thanks! Glad you liked the tutorial! You can use the setForegroundNotificationPresentationOptions option on your Flutter app. Using that setting, you can control whether to show or not show the notification when the app is in the foreground!

    • @awlad
      @awlad Рік тому

      @@Supabase Thank you 🙏

    • @aniketkhote9
      @aniketkhote9 Рік тому

      What's the best way to use transactions in supabase flutter

    • @dshukertjr
      @dshukertjr Рік тому

      @@aniketkhote9 You would want to create a database function to perform transaction in Supabase!

  • @roninspect4357
    @roninspect4357 Рік тому +8

    I was searching it today,
    Thanks a lot!!!

  • @allanandliftedhands2669
    @allanandliftedhands2669 Рік тому +4

    Hey thanks for the awesome tutorial will this be any different if instead of flutter we are using android studio

    • @dshukertjr
      @dshukertjr Рік тому +2

      The server-side code should actually be the same as long you are using FCM to send push notifications, so you could use the same code for any kind of iOS, Android, or web development!

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

    Such an amazing video 🤩

  • @ishaqsaeed
    @ishaqsaeed Рік тому +3

    The tutorial i was waiting for thank you.

  • @wesleybarnes5376
    @wesleybarnes5376 5 місяців тому +1

    Works great, Supa!

  • @RazeProgrammsAS
    @RazeProgrammsAS Рік тому +2

    Is the video available on the website to read through?

    • @dshukertjr
      @dshukertjr Рік тому +1

      I couldn't make it in time, but coming up! Will share it here once it's ready.

    • @RazeProgrammsAS
      @RazeProgrammsAS Рік тому +1

      @@dshukertjr very nice, thanks!

    • @Supabase
      @Supabase  Рік тому +4

      Apologies for the delay. Here is a written tutorial covering how to sent FCM from using Supabase. supabase.com/docs/guides/functions/examples/push-notifications?platform=fcm

    • @RazeProgrammsAS
      @RazeProgrammsAS Рік тому

      very nice, thanks! @@Supabase

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

    Could you show an example for web push notifications too?

  • @shadyganem5448
    @shadyganem5448 15 днів тому

    0:01 the close up on the hand. is that a Japanese thing

  • @hololog82
    @hololog82 Рік тому +8

    This content has been very helpful. However, I switched from Firebase to Supabase due to the simplicity of Supabase. I don't find going back to Firebase appealing. I hope that someday Supabase alone will be sufficient for my needs

    • @dshukertjr
      @dshukertjr Рік тому +4

      That would be certainly a dream come true 🙌 We sincerely hope that we can bring that day!

    • @rikyriky966
      @rikyriky966 Рік тому +7

      The problem is that for notifications, it is mandatory. The Android operating system is a product of Google.

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

    Please add chapters to this video so that it is easier to refer. Thanks.

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

      Done 🙌

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

      @@SupabaseDamn, that was fast. Thanks 😁

  • @rtorcato
    @rtorcato Рік тому +2

    when will notifications be a feature in supabase. I really don't want to load firebase at all.

    • @dshukertjr
      @dshukertjr Рік тому

      Supabase providing push notification service would certainly be a dream come true, but as explained in the video, currently FCM is a requirement for sending notifications to Android, so there is no escaping Firebase at least for Android apps.

  • @JONATHANFARRELEMANUEL
    @JONATHANFARRELEMANUEL Рік тому +3

    Could you please make more content about flutter with supabase?

    • @Supabase
      @Supabase  Рік тому

      Thanks for the request! Will do!

    • @JONATHANFARRELEMANUEL
      @JONATHANFARRELEMANUEL Рік тому +1

      @@Supabase 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

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

    Does this work if I publish the app?

  • @isrealemmanuel-l7o
    @isrealemmanuel-l7o Місяць тому

    please make a tute on email otp verification

  • @joshredgrift5133
    @joshredgrift5133 7 місяців тому

    Does this mean notifications are set up for android as well? Or is this just an ios tutorial?

  • @algorithmo134
    @algorithmo134 3 місяці тому

    is the code available?

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

    Can You please upload tutorial on FCM with Android Kotlin.

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

      Thanks for the request! Will add it to the list!

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

    Would it be a problem if a user could have multiple tokens to be able to manage multiple devices per user?

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

      No, not at all! You would just create a `tokens` table that is associated to the users table in a one-to-many relationship!

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

      @@Supabaseexcellent, thank you!!

  • @hololog82
    @hololog82 11 місяців тому +1

    Hello. I found an error in the Supabase documentation. The part "payload.record.profile_id" should be changed to "payload.record.user_id." I hope this small contribution is helpful for the excellent Supabase :)

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

      Thanks for letting us know, and sorry it took so long to come back to you. We will fix it soon!

  • @skypuff
    @skypuff Рік тому +2

    Amazing and quite informative. Thank you 🙏🔥.

  • @juninhobacker
    @juninhobacker 11 місяців тому

    How do I automate a function to run every day? For example, I want every day at a certain time, each user to receive N notifications about their reminders. If a user has 5 reminders on the 10th, they will receive 5 notifications that day.

    • @Supabase
      @Supabase  11 місяців тому +2

      You could combine the edge functions with pg_cron to do that! supabase.com/docs/guides/database/extensions/pg_cron

  • @Monawwar
    @Monawwar Рік тому

    I am getting
    Error: Not implemented: crypto.Sign
    at notImplemented
    when running the same

    • @Supabase
      @Supabase  Рік тому

      Could you confirm that you are using the latest version of Supabase CLI?

  • @flaviobarros8305
    @flaviobarros8305 11 місяців тому

    Been playing around with this and even learned some TS ......Can you make a tutorial on how to list a Value change on a specific column or row.....ex: Order status value changed on the database.....the way it is now...anything that changes triggers a notification but most cases you would like to send specific notification on specific instances. (FOR FLUTTER)......

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

      So you want to send push notifications to your users only when certain conditions are met, correct? You could have all the logic to check if the condition is met within your edge functions, and make it so that the notifications are sent only when the condition is met by using a simple if statement!

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

      Hi, Pretty much ...picture this "Trigger a notification when there is a value change on a specic column of current user row"........A good reference would be "Order status from ordered to Preparing to Ready to shipped" for every status change the user is notified of the progress so he can check@@dshukertjr

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

    Excellent video! got it working except the jwt but it's great anyway! thanks ;)

  • @jtpulford2716
    @jtpulford2716 Рік тому

    link to source to scan though would be nice. thx

    • @Supabase
      @Supabase  Рік тому

      Apologies for the delay. Here is a written tutorial covering how to sent FCM from using Supabase. supabase.com/docs/guides/functions/examples/push-notifications?platform=fcm

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

    i hope there is an android version tutorial for this

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

      The Edge function setup would be the same for all platforms. You just have to add FCM to your respective platform!

  • @omaaar_cito
    @omaaar_cito Рік тому

    algo asi para React Native?

    • @dshukertjr
      @dshukertjr Рік тому

      Would this be what you are looking for? ua-cam.com/video/xYRbYG77M_o/v-deo.html

    • @dshukertjr
      @dshukertjr Рік тому

      Here is a React Native version of this video! ua-cam.com/video/xYRbYG77M_o/v-deo.html

  • @novouik
    @novouik Рік тому +1

    Wonderfull ! Thanks @dshukertjr
    How can push notifications just for specific users depends on their category ? Users with the same category than the post, will receive the notification when post added.

    • @Supabase
      @Supabase  Рік тому

      You could use the topic feature of FCM to send push notifications to users with certain categories! firebase.google.com/docs/cloud-messaging/flutter/topic-messaging

  • @davcoding
    @davcoding Рік тому +2

    ❤❤❤🎉💪