46.Send Push Notification | Firebase Messaging Flutter | Chat App

In this video, We will enable push notification in firebase cloud messaging & also learn how we can get FCM registration token (ie. push token) & also learn how to send a test notification to our device.
Create chatting app similar to whatsapp with Flutter & Firebase.
Next Video: • 47.REST API To Call Pu...
Previous Video: • 45.Custom Alert Dialog...
GitHub Codes: github.com/Har...
Complete Playlist: • Chat App In Flutter & ...
Firebase Messaging Package: pub.dev/packag...
Cloud Messaging Official Docs: firebase.googl...
My Learning Journey: • How To Learn Android D...
Free Android (+ Kotlin) Courses 😃:
🎵 Music Player App: • Music Player App In An...
▶️ Video Player App: • Video Player App In An...
🌐 Private Browser App: • Web Browser App Course...
🔒 Firebase Authentication: • Android Authentication...
Free Flutter Courses 😃:
🅵 Flutter 3 (Beginners): • Flutter Tutorial (App ...
💬 Chat App (Firebase): • Chat App In Flutter & ...
Flutter development VS Code in Hindi.
(A Humble Request) 😊
Share Content with One Who is in Need.
Thanks for watching.

[@harshRajpurohit]

For anyone facing the issue with the notifications. Credit Goes to Mafaz Khan for this Research. Observation 1: The notifications API needs to be migrated to v1 Fix: 1. Change URL to this fcm.googleapis.com/v1/projects/PROJECTID/messages:send 2. Obtain your project id from firebase-> project settings -> general (Here you can find your project ID. Observation 2: Your server key is no longer needed Fix: 1. Instead go to your Google cloud console(This is the page from where you generated the API key. 2. Search for service account, then click for your current project (It should liik like this "[e-mail]" 3. Once you click on the account you will find tabs, now go to keys tab and create a new key(This should download a json file) 4. Now open the json file and copy the whole code as this will generate our bearer token Observation 3: We need extra packages and coding to generate bearer token Fix: 1. First add this package (googleapis_auth:) to your pubspec.yaml. 2 Now the coding part, create a new file in apis folder and name it access_firebase_token.dart. 3. Copy and paste the below code: Code: import 'package:googleapis_auth/auth_io.dart'; class AccessFirebaseToken { static String fMessagingScope = "www.googleapis.com/auth/firebase.messaging"; Future getAccessToken() async { final client = await clientViaServiceAccount( ServiceAccountCredentials.fromJson( { PASTE YOUR GENERATED JSON FILE CODE OVER HERE, BE MINDFUL TO NOT COPY THE CURLY BRACES JUST PASTE THE CODE IN HERE AND IMPORT THE ERRORS } ), [fMessagingScope], ); final accessToken = client.credentials.accessToken.data; return accessToken; } } Observation 4: The code needs to be changes for sendPushNotifcation function Fix: 1. Just copy the code below and imprt the errors Code: static Future sendPushNotification( ChatUser chatUser, String msg) async { AccessFirebaseToken accessToken = AccessFirebaseToken(); String bearerToken = await accessToken.getAccessToken(); final body = { "message": { "token": chatUser.pushToken, "notification": { "title": me.name, "body": msg }, } }; try { var res = await post( Uri.parse('fcm.googleapis.com/v1/projects/YOURPROJECTID/messages:send'), headers: { "Content-Type": "application/json", 'Authorization': 'Bearer $bearerToken' }, body: jsonEncode(body), ); print("Response statusCode: ${res.statusCode}"); print("Response body: ${res.body}"); } catch (e) { print(" sendPushNotification: $e"); } } Check for notification and it will work😊 Official Docs: firebase.google.com/docs/cloud-messaging/migrate-v1

[@antongrekov7710]

what

[@HUTIENLAN]

would you like to make a new video to this part?? huge thanks

[@harshRajpurohit]

I have already updated my github codes for it and added some comments too about how to do it (if you wish then you can refer to it).

[@sohaiburrehman7257]

What is obtaining from this code? Sever key? Because the Google console is not opening so i can not enable it . And i don't have the server key

[@AmreshKumar-bc7ev]

In KZbin i have seen lots of video but sir your explanation superb ❤️👍👍

[@z_verseau]

Hi sir, why we don't use API Firebase Cloud Messaging (V1). API Cloud Messaging (legacy) don't work

[@harshRajpurohit]

You can refer to the pinned comment of this video about how to migrate to the latest way. Or you can also refer to my updated github codes as per new api. (I've added some necessary comments as well).

[@tricaricoenrico]

Hi, good video but api legacy are deprecated

[@harshRajpurohit]

Yep, I got to know. You can try referring to the first pinned comment for doc reference about how to migrate.

[@gautamsolanki3644]

please aap ese project banate rahi ye or ek project banaye with rest api all crud operation cover pleasse

[@FirebaseAcount]

🔥🔥🔥🔥🔥 can anyone tell me how can i add a custom notification sound when receive messages in background, currently playing phones default sound? thank you very much 🔥🔥🔥🔥🔥

[@sohaiburrehman7257]

I am unable to generate the server key The google console giving me error

[@harshRajpurohit]

What error it shows.

[@dhokiyaharsh]

Sir, Cloud Messaging API Disabled? How to Send Push Notification And how to get server key

[@harshRajpurohit]

You can refer to the pinned comment of this video about how to migrate to the latest way or you can also refer to my updated github codes as per new api (I've added some necessary comments as well).

[@e.n.d5103]

I have followed until the end but why is the notification not appearing and why is the permission request also not appearing?

[@harshRajpurohit]

Actually permission request is for Android 13 or higher, for lower androids it works without it. Have you tried sending test notification from firebase using your device id.

[@kendallfernandez9410]

ere un makina

[@luisrieker3547]

why is my app logo only a white circle, although i changed it in AndroidManifest and image is transparent

[@harshRajpurohit]

It's a bit difficult to say why it's happening rather you can refer to the article below for more details of how to change it. stackoverflow.com/questions/46676014/how-to-change-the-android-notification-icon-status-bar-icon-for-push-notificatio

[@tushiyahsolutions8000]

Do you have this tutorial in English?

[@harshRajpurohit]

Nope buddy.

[@parasverma7713]

Sir mene apne mobile jb ye sb krke app run kra to ek push token generate hua or us account me merko notifications aari thi and fir mene pehle wale account ko log out kiya or dusre account se login kiya fir v same hi pushtoken generate hua esa ku? Or ye firebase se jb aapne test notification bheji to firebase ko pta kese chala ki konse account me notification bhejni h ? Firebase jo hamara user login h app se uska pushtoken read krke use notification bhej rha hai kya? Or agr wo push token read kr rha h user ka to kese kuki hmne to koi code ni likha push token read krne ka

[@harshRajpurohit]

Regarding the same push token: Actually on a single device generally the same push token is generated. Regarding test notification: We're passing push token while sending test notification i.e. how firebase knows whom to send.

[@AmreshKumar-bc7ev]

Sir main iss WeChat project main mannual registration bhi karna chahta hu to chatUser I'd time & is_online kaise request kar shakte ??

[@harshRajpurohit]

Actually whether you implemented google sign in or any other registration method (and you can use anything as id like email to), you just need to setup firebase cloud firestore and you can create and update any filed you like.

[@adilhesenov2962]

perfect

[@ramakantpandit8507]

sir i am having this error 'Some input files use or override a deprecated API.' and nothing is being shown in the push notification log

[@harshRajpurohit]

Deprecated api error is okay but push notification should show some logs if you've printed it. Maybe an error or something. Have a look at it calmly.

[@jingyipua773]

May I ask is the app noti still able be triggerred when the app is being terminated (closed)?

[@harshRajpurohit]

Yep, push notifications has nothing to do with app running in the background.

[@jingyipua773]

@@harshRajpurohit sorry, my meaning is the app is not running at all. There are three state of app: -active (in app) -inactive (background) -terminated (app is exit and closed) Will your method able to handle push noti on three app states?

[@harshRajpurohit]

Mainly it handles for terminated & somewhat for background state but for active state we need to use local_notification package and listen for notification receive and then show our custom notification.

[@fahadislam8975]

sir ap na jo api postman mai test ki wo kha sa li

[@harshRajpurohit]

Actually I got it after searching a lot on google and stacks overflow.

[@arnabsadhukhan89]

Bhaiya mujhe yea error dikha raha hai [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: LateInitializationError: Field 'pushToken' has already been initialized. pls help kijiye😩😩

[@harshRajpurohit]

If you've written the final in front of pushToken variable in the chat_user model then just remove it.

[@arnabsadhukhan89]

@@harshRajpurohit Thanks a lot bhaiya❤👍

[@ankitpurohit18]

👍👍👍👍👍

[@deepakdalai9905]

🙂

[@yasirgul914]

E/FirebaseInstanceId(20797): Topic sync or token retrieval failed on hard failure exceptions: PHONE_REGISTRATION_ERROR. Won't retry the operation. E/LB (20797): fail to open file: No such file or directory E/FirebaseInstanceId(20797): Topic sync or token retrieval failed on hard failure exceptions: PHONE_REGISTRATION_ERROR. Won't retry the operation. E/flutter (20797): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: [firebase_messaging/unknown] java.io.IOException: PHONE_REGISTRATION_ERROR

[@harshRajpurohit]

Try changing the version of google gsm in build.gradle (inside android/app folder) to 4.3.15 (maybe it can work) . Line to update: classpath 'com.google.gms:google-services:4.3.15'

[@FirebaseAcount]

🔥🔥🔥🔥🔥 can anyone tell me how can i add a custom notification sound when receive messages in background, currently playing phones default sound? thank you very much 🔥🔥🔥🔥🔥

[@harshRajpurohit]

Actually you have to do it separately for android and iOS but you can refer to the article below: stackoverflow.com/questions/54002617/custom-sound-push-notification-does-not-work-flutter/54003722#54003722 (I know it's a bit complex but during its implementation, you will learn a lot).