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

[@dshukertjr]

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

[@awlad]

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]

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]

@@Supabase Thank you 🙏

[@aniketkhote9]

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

[@dshukertjr]

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

[@roninspect4357]

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

[@domenicochiaradonna8238]

Me too😅

[@ishaqsaeed]

The tutorial i was waiting for thank you.

[@flutterexplainedofficial]

Such an amazing video 🤩

[@wesleybarnes5376]

Works great, Supa!

[@allanandliftedhands2669]

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

[@dshukertjr]

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!

[@hololog82]

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]

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

[@rikyriky966]

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

[@geraldakorli]

Could you show an example for web push notifications too?

[@sambrucejoseph]

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

[@Supabase]

Done 🙌

[@sambrucejoseph]

@@SupabaseDamn, that was fast. Thanks 😁

[@skypuff]

Amazing and quite informative. Thank you 🙏🔥.

[@RazeProgrammsAS]

Is the video available on the website to read through?

[@dshukertjr]

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

[@RazeProgrammsAS]

@@dshukertjr very nice, thanks!

[@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

[@RazeProgrammsAS]

very nice, thanks! @@Supabase

[@rtorcato]

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

[@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.

[@geraldakorli]

Does this work if I publish the app?

[@JONATHANFARRELEMANUEL]

Could you please make more content about flutter with supabase?

[@Supabase]

Thanks for the request! Will do!

[@JONATHANFARRELEMANUEL]

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

[@borknagarchile]

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

[@joshredgrift5133]

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

[@bharathprakash]

Can You please upload tutorial on FCM with Android Kotlin.

[@Supabase]

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

[@algorithmo134]

is the code available?

[@axelnuno6673]

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

[@Supabase]

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]

@@Supabaseexcellent, thank you!!

[@flaviobarros8305]

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]

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]

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

[@hololog82]

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]

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

[@juninhobacker]

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]

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

[@MarcoPauloBelen]

i hope there is an android version tutorial for this

[@Supabase]

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

[@jtpulford2716]

link to source to scan though would be nice. thx

[@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

[@Monawwar]

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

[@Supabase]

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

[@omaaar_cito]

algo asi para React Native?

[@dshukertjr]

Would this be what you are looking for? kzbin.info/www/bejne/roq1k4x9bJyAldE

[@dshukertjr]

Here is a React Native version of this video! kzbin.info/www/bejne/roq1k4x9bJyAldE

[@novouik]

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]

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]

❤❤❤🎉💪