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.googl...
github.com/Cod...
#Flutter #Firebase #PushNotifications #RESTAPI #MobileAppDevelopment #FirebaseCloudMessaging #FlutterTutorial #OAuthtoken #http #HTTPV1Api #firebasetutorial

[@sdflghsdfgdsldlsdkhgg]

Thanks a lot for this beautiful video. is this work on both android or ios or for ios we need some changes for receive message

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

[@NostalgiaBeats-zo4ds]

please give me a source code

[@CodeMender]

Added in the description

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

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

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

[@karlkiyotaka]

Wonderful. Thank you

[@peeterhm]

thank you soo much

[@Alabfa]

You are a life saver thank you so much

[@istiakahmed3033]

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

[@CodeMender]

Check the description

[@yagnikbarasiya8862]

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

[@CodeMender]

kzbin.info/www/bejne/f4LHn3hmpq6rhM0si=k-kFfjVGB79_h-R_

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

[@samelobinna101]

thanks a lot you save my day (:

[@hashWorld-0]

plz do this in dio dio interceptors whats the difference?

[@CodeMender]

Ok

[@kyungsooswifeu8240]

You're such a savior thank youuuu

[@faheemahmad3957]

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

[@CodeMender]

Will work on it soon.

[@amirhaider-gc9ww]

Failed to send FCM message: 404

[@CodeMender]

Check your permissions once more

[@godehiyane2091]

thanks sir

[@ShahZaman-v1o]

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

[@CodeMender]

You are welcome!

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

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