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

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 66

  • @dshukertjr
    @dshukertjr 9 месяцев назад +15

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

    • @awlad
      @awlad 9 месяцев назад +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  9 месяцев назад +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 9 месяцев назад

      @@Supabase Thank you 🙏

    • @aniketkhote9
      @aniketkhote9 9 месяцев назад

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

    • @dshukertjr
      @dshukertjr 9 месяцев назад

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

  • @roninspect4357
    @roninspect4357 9 месяцев назад +7

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

  • @ishaqsaeed
    @ishaqsaeed 9 месяцев назад +3

    The tutorial i was waiting for thank you.

  • @flutterexplainedofficial
    @flutterexplainedofficial 8 месяцев назад +3

    Such an amazing video 🤩

  • @allanandliftedhands2669
    @allanandliftedhands2669 9 месяцев назад +4

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

    • @dshukertjr
      @dshukertjr 9 месяцев назад +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!

  • @wesleybarnes5376
    @wesleybarnes5376 3 месяца назад +1

    Works great, Supa!

  • @hololog82
    @hololog82 9 месяцев назад +7

    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 9 месяцев назад +2

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

    • @rikyriky966
      @rikyriky966 9 месяцев назад +6

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

  • @skypuff
    @skypuff 9 месяцев назад +2

    Amazing and quite informative. Thank you 🙏🔥.

  • @geraldakorli
    @geraldakorli Месяц назад

    Could you show an example for web push notifications too?

  • @joshredgrift5133
    @joshredgrift5133 4 месяца назад

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

  • @geraldakorli
    @geraldakorli Месяц назад

    Does this work if I publish the app?

  • @borknagarchile
    @borknagarchile 6 месяцев назад

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

  • @JONATHANFARRELEMANUEL
    @JONATHANFARRELEMANUEL 9 месяцев назад +2

    Could you please make more content about flutter with supabase?

    • @Supabase
      @Supabase  9 месяцев назад

      Thanks for the request! Will do!

    • @JONATHANFARRELEMANUEL
      @JONATHANFARRELEMANUEL 9 месяцев назад +1

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

  • @rtorcato
    @rtorcato 9 месяцев назад +2

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

    • @dshukertjr
      @dshukertjr 9 месяцев назад

      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.

  • @RazeProgrammsAS
    @RazeProgrammsAS 9 месяцев назад +2

    Is the video available on the website to read through?

    • @dshukertjr
      @dshukertjr 9 месяцев назад +1

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

    • @RazeProgrammsAS
      @RazeProgrammsAS 9 месяцев назад +1

      @@dshukertjr very nice, thanks!

    • @Supabase
      @Supabase  9 месяцев назад +3

      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 9 месяцев назад

      very nice, thanks! @@Supabase

  • @hololog82
    @hololog82 9 месяцев назад +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 8 месяцев назад

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

  • @sambrucejoseph
    @sambrucejoseph 7 месяцев назад +1

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

    • @Supabase
      @Supabase  7 месяцев назад

      Done 🙌

    • @sambrucejoseph
      @sambrucejoseph 7 месяцев назад

      @@SupabaseDamn, that was fast. Thanks 😁

  • @bharathprakash
    @bharathprakash 7 месяцев назад +2

    Can You please upload tutorial on FCM with Android Kotlin.

    • @Supabase
      @Supabase  7 месяцев назад +1

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

  • @axelnuno6673
    @axelnuno6673 3 месяца назад

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

    • @Supabase
      @Supabase  3 месяца назад

      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 3 месяца назад

      @@Supabaseexcellent, thank you!!

  • @juninhobacker
    @juninhobacker 9 месяцев назад

    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  8 месяцев назад +2

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

  • @flaviobarros8305
    @flaviobarros8305 9 месяцев назад

    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 8 месяцев назад +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 8 месяцев назад

      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

  • @algorithmo134
    @algorithmo134 Месяц назад

    is the code available?

  • @Monawwar
    @Monawwar 9 месяцев назад

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

    • @Supabase
      @Supabase  9 месяцев назад

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

  • @MarcoPauloBelen
    @MarcoPauloBelen 3 месяца назад

    i hope there is an android version tutorial for this

    • @Supabase
      @Supabase  3 месяца назад

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

  • @jtpulford2716
    @jtpulford2716 9 месяцев назад

    link to source to scan though would be nice. thx

    • @Supabase
      @Supabase  9 месяцев назад

      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

  • @novouik
    @novouik 9 месяцев назад +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  9 месяцев назад

      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

  • @pluswithai
    @pluswithai 9 месяцев назад +2

    ❤❤❤🎉💪

  • @omaaar_cito
    @omaaar_cito 9 месяцев назад

    algo asi para React Native?

    • @dshukertjr
      @dshukertjr 9 месяцев назад

      Would this be what you are looking for? ruclips.net/video/xYRbYG77M_o/видео.html

    • @dshukertjr
      @dshukertjr 9 месяцев назад

      Here is a React Native version of this video! ruclips.net/video/xYRbYG77M_o/видео.html