Firebase Push Notifications with HTTP V1 API in Flutter | REST API Tutorial

This tutorial teaches how to implement Firebase push notifications in a Flutter app using the HTTP V1 API and REST API. We'll cover generating an access token using a service account JSON file, creating HTTP requests for push notifications, and handling message parsing. Additionally, you'll discover how to send custom data with notifications and handle incoming messages in the app.
Don't forget to like, subscribe, and hit the bell icon for more Flutter development tutorials!
import 'package:googleapis/servicecontrol/v1.dart' as servicecontrol;
packages:
http: ^1.2.1
googleapis: ^13.1.0
googleapis_auth: ^1.5.1
link:
firebase.google.com/docs/clou...
github.com/CodeMender1204/Flu...
#Flutter #Firebase #PushNotifications #RESTAPI #MobileAppDevelopment #FirebaseCloudMessaging #FlutterTutorial #OAuthtoken #http #HTTPV1Api #firebasetutorial

[@radish121]

dude, seriously, thank you so soo soooo much, can't figure this out for a couple of days now and almost gave up. literally a life saver

[@CodeMender]

Glad I could help!

[@kyungsooswifeu8240]

You're such a savior thank youuuu

[@Alabfa]

You are a life saver thank you so much

[@user-vd6xi9bf3m]

Hey, Thank you soooo much, you saved my day:)

[@CodeMender]

You are welcome!

[@samelobinna101]

thanks a lot you save my day (:

[@godehiyane2091]

thanks sir

[@computerscience3905]

i am getting this error
Unhandled Exception: Failed to obtain access credentials. Error: invalid_grant Invalid JWT: Token must be a short-lived token (60 minutes) and in a reasonable timeframe. Check your iat and exp values in the JWT claim. Status code: 400

[@CodeMender]

Check the grant values you are adding if you are not adding anything add exp anf iat for your token in the function for generation token

[@ajinkyamandavkar973]

How does backend configuration for push notification to android & iOS flutter platform works. Does it uses simple curL calls. Then from where backend gets the fcm_token generated inside the app(android/iOS). If possible explain backend setup too.

[@CodeMender]

Each language has a different method or packages for that , you do not need to use the curl statement for your android and ios configuration if you are using a backend.

[@faheemahmad3957]

make a second part of it,, also use laravel backend to send etc

[@CodeMender]

Will work on it soon.

[@MuhammadAhmedLashari-px8qh]

i am getting the above two statements on terminal successfully but aren't receiving the notification on device screen. Can you please help me in that?
I/flutter (29003): FCM message sent successfully
D/FLTFireMsgReceiver(29003): broadcast received for message

[@CodeMender]

The firebase push notification is only shown for background notification for foreground notification you need to customize toast or alert.

[@hashWorld-0]

plz do this in dio
dio interceptors whats the difference?

[@CodeMender]

Ok

[@Marketplace-fm8mg]

where to get client_id and client_secret by using post man

[@CodeMender]

To obtain the client_id and client_secret:
Navigate to the Google Cloud Console, access the service account section, and generate a key. The JSON file will contain the necessary client_id and client_secret.
To get the bearer token in Postman follow these steps:
1. Utilize Google OAuth Playground to authorize API access by Entering your OAuth client ID and client secret (obtained from Google Cloud Console).
2. Specify your desired scopes for Firebase Cloud Messaging (FCM) by accessing this URL: www.googleapis.com/auth/firebase.messaging
3. Click on "Authorize APIs" and go through the authorization process.
Exchange the authorization code for tokens.
The access token serves as your Bearer token.

[@yagnikbarasiya8862]

Why there is no video of sign in with apple in you channel
you don't know how to do?

[@CodeMender]

ruclips.net/video/IQdnE0qIxNk/видео.htmlsi=k-kFfjVGB79_h-R_

[@amirhaider-gc9ww]

Failed to send FCM message: 404

[@CodeMender]

Check your permissions once more

[@NostalgiaBeats-zo4ds]

please give me a source code

[@CodeMender]

Added in the description

[@istiakahmed3033]

You have not provided any link or ref of the code you copy pested. Sad!

[@CodeMender]

Check the description

[@shuaibalghazali3405]

Not so explanatory 😢😢

[@CodeMender]

I'm sorry to hear that! If you provide more context or clarify what you'd like to know about video comments, I'd be happy to help. 😊

[@shuaibalghazali3405]

@@CodeMender how can I generate access token please, I already have my service key and json file

[@CodeMender]

Create Scopes for which you want to allow the authorization when using the access token. Create a client using your JSON file by HTTP package and use the googleapis package to get credentials by sending client, scopes and ServiceAccountCredentials from the json file. You will get accessToken in the credentials.

[@shuaibalghazali3405]

@@CodeMender thanks

[@keshavkaushlya8355]

how can i contact you? i want to ask many things im working on a live project , and want to enable notifications but this access token expires , also i want to know how send notifications to multiple users and how to automate the regeneration of access token and send it to url ?? HELP ME PLEASE!!!!!!!!!!!!!!!!

[@CodeMender]

Its because it's a temporary token. If You are using a backend depend on that backend there are ways to create a token with an expiration date and time.