Send Push Notification using
Вставка
- Опубліковано 15 жов 2024
- Support Channel By Joining Patreon and get Access to Exclusic Content
/ flutterflowvip
Code - flutterflowvip...
In this video, we will learn how to send notifications using Supabase and OneSignal with Edge Function on your FlutterFlow app or any app that uses OneSignal SDK.
In the demo, we have a table called "Notification" where we add a new row with details such as Title, Content, and Big Thumb (image URL). After adding the row, our device instantly receives the notification.
Similarly, in a FlutterFlow app, we add a new post with a title, description, and image, and again, we receive the notification on our device without any delay. We don't need to do anything from the app; it automatically triggers the notification by adding a new record to the table.
To set up this functionality in your Supabase project, first, you need to setup the OneSignal SDK in your FlutterFlow app. After that, create a new table called "Notifications" with columns for Title, Content, and Big-Image. All field types should be text.
Next, we create an Edge Function for triggering the notification. Install the Supabase CLI and initialize a new project. Then create the Edge Function and replace the function code with the provided code in the description. Deploy the function to your Supabase project.
To trigger the function whenever a new record is added to the Notifications table, create a webhook. Enable webhooks, name your webhook, select the table as "notifications," enable the insert event, and add the authorization header with your Anon Key.
Now, whenever you add a new row in the Notifications table, a notification will be triggered to your apps automatically. This method eliminates the need to manually add notifications to the OneSignal dashboard.
In future videos, we will cover how to target specific users for specific events or segments using Edge Function. We are also working on a codeless solution for creating Edge Functions, so stay tuned for that.
Subscribe to the channel and enable the notification bell icon to stay updated with the latest videos. If you have any questions regarding FlutterFlow, Supabase, or OneSignal, feel free to ask in the comment section.
Keep building awesome apps!
Thank you very much for these instructions! I have a FlutterFlow project where my backend is supabase and I was thinking I would need to integrate with firebase to send push notifications! God bless you!
You dont need to setup firebase to the flutterflow project but for setting onesignal you need firebase project
Thank you so much for this tutorial. I would appreciate a lot if you can make a video like this to target specific user based on specific event like you said in the last part of the video. Really looking forward for that video.
sure
@@flutterflowvip Would love this as well!
Your video Content is very easy to understand and clear. It would be great if you can make a video series for a flutterflow complete app with backend (supabase) 🙏
Thanks for the suggesstion - i will try to make video series on flutterflow with supabase soon.
Great video! It seems the links you provided in description and comments are broken. I cannot open it.
Ohh . Thanks for reporting. I will fix it soon.
Can you please upload a video on how to send push notification to specific users on data change in specific rows
Good idea !
Sure
Hi. Thank you for your video. it helped a lot. I assume in the code you provided above, we just need to change the piece of code below to exclude the "included_segments: ["Total Subscriptions"]" and replace it with something like include_external_user_ids = [record.user_id] where the user_id is then a column in your notifications table?
const oneSignalBody = {
app_id: "990edcee-78e1-4017-b154-cae276866efd", // Include your app_id
included_segments: ["Total Subscriptions"],
contents: {
en: content, // Use payload content as notification content
es: "Spanish Message"
},
@@flutterflowviphey bro please make it as early as possible. Been waiting for 2 months now. 😢 I know a lot of people who want it not just me 😭
ok bro ill prioritize it.@@catoshimeowmoto
Hello, the video helped me, thank you! When will the video be released where there will be functionality for sending push notifications to a specific user? after a certain action
Coming soon!
Im looking forward to it too!@@flutterflowvip
@@flutterflowvip Hello brother 6 months later and i am still waiting for the video bro !
Hi ! Thank you for this great video !! Have you plan to release a video on how to send push notification to specific users as you say at the end of the video ?
It's in the pipeline I will upload it soon.
Great 🚀@@flutterflowvip
@@flutterflowvip Hi ! Is your video still in the pipe? 👀
sorry for dealy guys . its in the pipeline . i just want to make sure is production ready secure
@@flutterflowvip no problem ! Thank you again for your work 🙏
very good one thanks,
But can you guild me throught installing adn using supabse locally in docker?
Wonderful. It helped me.
What I want is to send notifications to specific users based on their categories. Also, use this, to send notification when user receive message like in WhatsApp.
How to do this? Need help please...
Sending notification to specific users is in video pipeline. I will be uploading in-depth guide soon.
Thank you so much !
Waiting.....
Coooool, thanks a lot. It seems just send a push to receiver who already registered all subscriptions. If i wanna send specific subscriptions or groups, then how to do it?
Can I get apns, fcm device token from Onesignal? and register subscription using that token??
For that you need to get users device onesignal I'd and and store it somewhere or change users External id with something like userid then u can send notification to specific user
Does this solution also works for FlutterFlow Apps on iOS/for deployment in AppStore? Are any additional configurations needed? Have you already done the next video how to target a specfic user? Unfortunately I couldn't find it. Thanks a lot for your great job!
The current solution I tested only on Android for iOS there are some additional steps
@@flutterflowvip Can you make video on how this is for IOS too?
would love to see that as well, as I need Push Not. for iOS as well.
Hello! Great video! I'm sorry you've stopped posting... I'm not sure if you still check the comments, but I'd like to know if this method can also be used in web apps. I tried another way, but I'm not getting the FCM token for the web.
I am not posting new video cause of my job but I will soon start posting.
and this method will not work on web.
You have to check the one signal web sdk guide..
I will try to make video on this when I am available if possible
@@flutterflowvip At least you're okay :) Thanks for the response, I'll look into it.
best content on youtube Good Job Bro ❤
i just want you to make a video about awesome notification inside flutterflow or local-push-notification and another video to run firebase push notification inside Flutterflow free
and thank you ❤❤
Thanks for the idea!. Sure . I will make make the video on this topic.
please make a video on the Onesignal segment part. I want to make custom segments and add users to those segments. then send notification based on the segments.
its in my list i will make video on this soon
@@flutterflowvip thank you very much. Your videos are so helpful.
Let me get it straight, this video has no integration with Flutterflow, right? The FF only activates the Supabase Webhook and then One Signal send the notification to the user?
It's custom integration.
Hey man thanks for the video but I could not get to continue as the code you provided has expired in notion, it literarily saying I should ask you to update the link, i will appreciate it if you can update it soon 🙏🙏
Thanks for updating me, updated the expired url.
kindly do a video on integrating selfhost Typesense in flutterflow
Thanks for the suggestion i will make a video on this soon
Great video ! How to reset the badge in the flutterflow app after open ?
you can use Apps State on Notification page. and reset when notifications page is opened.
What initial conditions must be met for a user to receive a push message?
onesignal should be initialized
Hello, can you show how to make push notifications when row is updated?
Use the same method just enable update on Webhook
thank you!!!
I would like you to create a video that sends push notifications on iOS using supabase and onesignal.
Sure I will make video on iOS soon.
You have a very good video clip! But why don't you show how you configured one signal + supabase? 'this point is not clear, I know that one signal requires firebase data, which goes against the topic of the lesson. I followed your advice and in the end I got the error "You have 1 total subscribed user for this app, but none specifically for the Google Android (FCM) platform. You need at least one subscribed user specifically for Google Android (FCM) to continue." On the onesignal connection testing page
you have to configure OneSignal SDK in your before proceeding with this instruction. I have already created the video on SDK integration on FlutterFlow app..
If you still face any issue with the integration please explain your error so I can check .
please send someone a video where you configure the sdk
The current integration is specifically for FlutterFlow -
ua-cam.com/video/Vo62xcNNpmA/v-deo.html
thank you so much, It's simply amazing !
Awesome video. Thank you!
Glad you liked it!
Do I need firebase authenticated users to use onesignal?? Cuz I'm using supabase auth
you dont need firebase authentication to use onesignal - but you need firebase service key to use onesignal. because under the onesignal uses firebase to send notifications
Thanks for the video! Can you explain how to send to a user and a group of users.
Sure working on it.
@@flutterflowvip is it ready yet😄?
@@flutterflowvip Hello ! is it ready ?
Bro jese login sign page ke bad dating app ka main page open hota he.. Jisme hmko girls ke pic show hote he.. To first jb account bnante time vo Firebase me data send kr diya tha but ab usko show krna he ki vo dusro ko show ho
Homepage pe swipe widget lageke .
Firebase se dynamic generate karo
in the powershell running this line "npm i supabase --save-dev" gives me an error that my system cant find the name "npm" under windows. has anybody an advise? ( + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException)
try using npx instead npm
@@flutterflowvip thank you a lot. but same problem. i need to install something i think that is not installed.
Install supabase cli in your system
I did exactly what you did , but I'm not seeing push notifications on my app
Have you setup in flutterflow?
I created the custom action just like you said , got the app id and api key from one signal, is there anything else I'm missing.
I Deployed the script .
I'm using supabase for users authentication. Is this a problem
have you initiated permission in main.dart?@@Flutterflow_Addict
@@flutterflowvip yes I did.
is there any free alternative to OneSignal or open source to do notification system.
OneSignal is absolutely free you don't need to pay any money to use it.
@@flutterflowvip Brother they mention pricing on to their website & free plan have lots of limitation.
please correct me if i am wrong.
they have unlimited api request for free plan .
@@flutterflowvip ok ! Brother is there any open source alternative
alternativeto.net/software/gamethrive-push-notifications/?license=free@@RahulPradipPatil
Do you have upwork account? I want hire you a service
sorry for the delay response.
I do not work through upwork.
You can directly contact me here .
manish@flutterflow.vip
Thanks
hi is there any way to send pushnotification (Firebase) to all users in flutterflow via an actions (i dont want to pull userReference since i have more than 50k users )
in FlutterFlow - there is an option to Send Notification to All you users at once without fetching userRefs-
have a Look at this -
zed-x.notion.site/Send-Notification-to-All-users-at-Once-21e9dc07d5d64dcbaa595c94a36713ca?pvs=4
@@flutterflowvip hi . i'm aware of this option. but i want it to trigger via an action from an app
well there is no action available yet in flutterFlow - But you use Google FCM Api to trigger notifications to all your users at once .@@padeepz1496
zed-x.notion.site/Google-FCM-_-API-Notification-f436d56f8e9b48aba95b5d0cdb38185c?pvs=4
its exactly what you need - just enable Cloud Messaging API (Legacy) to get your Server Key
Sir can you please help me on creating a custom widget for a unique function
can you describe your function requirement ?
May I get your Instagram ID please
insta - manish_mkss
thank U
Good
Thanks