Summary  
This chapter covers how to integrate Firebase Cloud Messaging in Flutter using the firebase_messaging package to register devices, receive push notifications in different app states, and handle notification payloads in code.  

General domain of usage  
Mobile app user engagement through push notifications

Firebase Cloud Messaging (FCM) is a powerful service that allows you to send push notifications to users on iOS, Android, and web platforms. Integrating FCM with your Flutter app enables real-time user engagement, such as alerts, reminders, or updates. To use FCM in Flutter, you rely on the `firebase_messaging` package, which manages the setup, message handling, and device registration for notifications. The integration process includes setting up Firebase in your project, configuring platform-specific settings, and writing code to receive and handle notifications.

aW1wb3J0ICdwYWNrYWdlOmZsdXR0ZXIvbWF0ZXJpYWwuZGFydCc7CmltcG9ydCAncGFja2FnZTpmaXJlYmFzZV9jb3JlL2ZpcmViYXNlX2NvcmUuZGFydCc7CmltcG9ydCAncGFja2FnZTpmaXJlYmFzZV9tZXNzYWdpbmcvZmlyZWJhc2VfbWVzc2FnaW5nLmRhcnQnOwoKRnV0dXJlPHZvaWQ+IF9maXJlYmFzZU1lc3NhZ2luZ0JhY2tncm91bmRIYW5kbGVyKFJlbW90ZU1lc3NhZ2UgbWVzc2FnZSkgYXN5bmMgewogIGF3YWl0IEZpcmViYXNlLmluaXRpYWxpemVBcHAoKTsKICBwcmludCgnQmFja2dyb3VuZCBtZXNzYWdlOiAbWzMybSR7bWVzc2FnZS5tZXNzYWdlSWR9G1swbScpOwp9Cgp2b2lkIG1haW4oKSBhc3luYyB7CiAgV2lkZ2V0c0ZsdXR0ZXJCaW5kaW5nLmVuc3VyZUluaXRpYWxpemVkKCk7CiAgYXdhaXQgRmlyZWJhc2UuaW5pdGlhbGl6ZUFwcCgpOwogIEZpcmViYXNlTWVzc2FnaW5nLm9uQmFja2dyb3VuZE1lc3NhZ2UoX2ZpcmViYXNlTWVzc2FnaW5nQmFja2dyb3VuZEhhbmRsZXIpOwogIHJ1bkFwcChNeUFwcCgpKTsKfQoKY2xhc3MgTXlBcHAgZXh0ZW5kcyBTdGF0ZWZ1bFdpZGdldCB7CiAgQG92ZXJyaWRlCiAgU3RhdGU8TXlBcHA+IGNyZWF0ZVN0YXRlKCkgPT4gX015QXBwU3RhdGUoKTsKfQoKY2xhc3MgX015QXBwU3RhdGUgZXh0ZW5kcyBTdGF0ZTxNeUFwcD4gewogIFN0cmluZz8gX25vdGlmaWNhdGlvbk1lc3NhZ2UgPSAnTm8gbm90aWZpY2F0aW9ucyB5ZXQnOwoKICBAb3ZlcnJpZGUKICB2b2lkIGluaXRTdGF0ZSgpIHsKICAgIHN1cGVyLmluaXRTdGF0ZSgpOwogICAgX2luaXRGQ00oKTsKICB9CgogIHZvaWQgX2luaXRGQ00oKSBhc3luYyB7CiAgICBGaXJlYmFzZU1lc3NhZ2luZyBtZXNzYWdpbmcgPSBGaXJlYmFzZU1lc3NhZ2luZy5pbnN0YW5jZTsKCiAgICAvLyBSZXF1ZXN0IHBlcm1pc3Npb24gZm9yIGlPUyBkZXZpY2VzCiAgICBhd2FpdCBtZXNzYWdpbmcucmVxdWVzdFBlcm1pc3Npb24oKTsKCiAgICAvLyBHZXQgdGhlIGRldmljZSB0b2tlbgogICAgU3RyaW5nPyB0b2tlbiA9IGF3YWl0IG1lc3NhZ2luZy5nZXRUb2tlbigpOwogICAgcHJpbnQoJ0ZDTSBUb2tlbjogJHRva2VuJyk7CgogICAgLy8gSGFuZGxlIGZvcmVncm91bmQgbWVzc2FnZXMKICAgIEZpcmViYXNlTWVzc2FnaW5nLm9uTWVzc2FnZS5saXN0ZW4oKFJlbW90ZU1lc3NhZ2UgbWVzc2FnZSkgewogICAgICBzZXRTdGF0ZSgoKSB7CiAgICAgICAgX25vdGlmaWNhdGlvbk1lc3NhZ2UgPQogICAgICAgICAgICAnRm9yZWdyb3VuZDogG1szMm0ke21lc3NhZ2Uubm90aWZpY2F0aW9uPy50aXRsZSA/PyAnJ30bWzBtIC0gG1szMm0ke21lc3NhZ2Uubm90aWZpY2F0aW9uPy5ib2R5ID8/ICcnfRtbMG0nOwogICAgICB9KTsKICAgIH0pOwoKICAgIC8vIEhhbmRsZSBtZXNzYWdlcyB3aGVuIGFwcCBpcyBvcGVuZWQgdmlhIG5vdGlmaWNhdGlvbgogICAgRmlyZWJhc2VNZXNzYWdpbmcub25NZXNzYWdlT3BlbmVkQXBwLmxpc3RlbigoUmVtb3RlTWVzc2FnZSBtZXNzYWdlKSB7CiAgICAgIHNldFN0YXRlKCgpIHsKICAgICAgICBfbm90aWZpY2F0aW9uTWVzc2FnZSA9CiAgICAgICAgICAgICdPcGVuZWQgZnJvbSBub3RpZmljYXRpb246IBtbMzJtJHttZXNzYWdlLm5vdGlmaWNhdGlvbj8udGl0bGUgPz8gJyd9G1swbSAtIBtbMzJtJHttZXNzYWdlLm5vdGlmaWNhdGlvbj8uYm9keSA/PyAnJ30bWzBtJzsKICAgICAgfSk7CiAgICB9KTsKICB9CgogIEBvdmVycmlkZQogIFdpZGdldCBidWlsZChCdWlsZENvbnRleHQgY29udGV4dCkgewogICAgcmV0dXJuIE1hdGVyaWFsQXBwKAogICAgICB0aXRsZTogJ0ZDTSBEZW1vJywKICAgICAgaG9tZTogU2NhZmZvbGQoCiAgICAgICAgYXBwQmFyOiBBcHBCYXIodGl0bGU6IFRleHQoJ0ZpcmViYXNlIENsb3VkIE1lc3NhZ2luZycpKSwKICAgICAgICBib2R5OiBDZW50ZXIoCiAgICAgICAgICBjaGlsZDogVGV4dCgKICAgICAgICAgICAgX25vdGlmaWNhdGlvbk1lc3NhZ2UgPz8gJycsCiAgICAgICAgICAgIHRleHRBbGlnbjogVGV4dEFsaWduLmNlbnRlciwKICAgICAgICAgICksCiAgICAgICAgKSwKICAgICAgKSwKICAgICk7CiAgfQp9

Firebase Cloud Messaging delivers different payloads depending on the app state.
Use `FirebaseMessaging.onMessage` to handle notifications in the foreground, `onMessageOpenedApp` when the user opens the app from a notification, and a background handler for messages received while the app is closed. Access `message.notification?.title` and `.body` to show the content in your UI.

Which statement best describes how Firebase Cloud Messaging is integrated and used in a Flutter app, based on the code and explanations provided above?

Master scalable Flutter app development by learning advanced UI techniques, robust architectural patterns, and real-world backend integrations. This course guides you through building maintainable apps with clean structure and seamless Firebase connectivity.

Establish a robust foundation for your Flutter apps by applying proven architectural patterns and organizing your code for scalability and maintainability.

Integrate powerful backend services into your Flutter apps using Firebase for authentication, data storage, and notifications.

Explore Flutter's animation capabilities, from simple implicit animations to advanced navigation effects, to create visually appealing and interactive user interfaces.

Push Notifications