Notification messages vs data messages in Firebase - Visual Side-by-Side Comparison

Process Flow - Notification messages vs data messages

Start: Send Message

↓

Is it Notification?

Yes→Display Notification Automatically

No↓

Is it Data Message?

Yes→App Receives Data, Handles It

No↓

End

The flow shows sending a message, checking if it's a notification or data message, then either displaying automatically or letting the app handle it.

Execution Sample

Firebase

Send notification message with title and body
Send data message with custom key-value pairs
App receives notification message -> shows alert
App receives data message -> processes data silently

This code sends two types of Firebase messages and shows how the app handles each differently.

Process Table

Step	Message Type	Message Content	App Behavior	Result
1	Notification	title: 'Hello', body: 'Welcome!'	System displays notification automatically	User sees alert on device
2	Data	key1: 'value1', key2: 'value2'	App receives data silently, processes it	No alert shown, app updates data internally
3	Notification	title: 'Update', body: 'New message'	System displays notification automatically	User sees alert on device
4	Data	action: 'refresh'	App receives data silently, triggers refresh	App updates UI without alert
5	End	-	-	No more messages to process

💡 All messages processed; notification messages show alerts, data messages handled silently by app.

Status Tracker

Variable	Start	After 1	After 2	After 3	After 4	Final
Message Type	None	Notification	Data	Notification	Data	End
App Behavior	None	Display notification	Process data silently	Display notification	Process data silently	Done
User Alert	No	Yes	No	Yes	No	No more

Key Moments - 2 Insights

Why does the app show a notification alert automatically for notification messages but not for data messages?

Notification messages are handled by the system to show alerts automatically (see step 1 and 3 in execution_table). Data messages are delivered silently to the app, which must decide how to handle them (see step 2 and 4).

Can data messages trigger UI changes without showing alerts?

Yes, data messages carry custom data that the app can use to update UI silently, as shown in step 4 where the app refreshes without alert.

Visual Quiz - 3 Questions

Look at the execution table, what is the app behavior at step 2?

A Processes data silently without alert

B Displays notification alert automatically

C Ignores the message

D Crashes due to unknown message

💡 Hint

Check the 'App Behavior' column at step 2 in the execution_table.

At which step does the app trigger a UI refresh without showing an alert?

A Step 1

B Step 4

C Step 3

D Step 5

💡 Hint

Look for 'triggers refresh' in the 'App Behavior' column in execution_table.

If a message contains only a title and body, what type is it classified as in the table?

A Unknown message

B Data message

C Notification message

D Silent message

💡 Hint

Check the 'Message Content' and 'Message Type' columns in steps 1 and 3.

Concept Snapshot

Notification messages have title and body and are shown automatically by the system.
Data messages carry custom key-value pairs and are handled silently by the app.
Notification messages alert the user immediately.
Data messages allow background processing without user interruption.
Use notification messages for alerts, data messages for silent updates.

Full Transcript

This visual execution shows how Firebase handles two message types: notification and data messages. Notification messages contain a title and body and are displayed automatically by the system as alerts to the user. Data messages contain custom data and are delivered silently to the app, which then decides how to process them, such as updating the UI without showing alerts. The execution table traces sending messages and the app's behavior step-by-step, clarifying the difference in handling. Key moments address why notification messages show alerts automatically while data messages do not, and how data messages can update the app silently. The quiz tests understanding of app behavior at different steps and message classification.

Practice

1. What is the main difference between notification messages and data messages in Firebase Cloud Messaging?

easy

A. Notification messages send silent info, data messages automatically show alerts.

B. Both types always show alerts to users.

C. Notification messages automatically show alerts, data messages send silent info.

D. Data messages cannot send any information.

Solution

1. Step 1: Understand notification messages

   Notification messages are designed to automatically display alerts or notifications to the user without extra coding.

2. Step 2: Understand data messages

   Data messages send information silently to the app, which then decides how to handle or display it.

3. Final Answer:

   Notification messages automatically show alerts, data messages send silent info. -> Option C

4. Quick Check:

   Notification = alert, Data = silent info [OK]

Hint: Notification = alert shown; data = silent info sent [OK]

Common Mistakes:

• Confusing which message type shows alerts automatically
• Thinking data messages always show notifications
• Believing notification messages send silent data only

2. Which of the following is the correct JSON structure for sending a notification message with Firebase Cloud Messaging?

easy

A. { "message": { "alert": "Hello World" } }

B. { "data": { "title": "Hello", "body": "World" } }

C. { "notify": { "title": "Hello", "body": "World" } }

D. { "notification": { "title": "Hello", "body": "World" } }

Solution

1. Step 1: Identify notification message format

   Notification messages use the "notification" key with "title" and "body" fields to show alerts.

2. Step 2: Check other options for correctness

   { "data": { "title": "Hello", "body": "World" } } uses "data" which is for data messages, not notification messages. Options A and D use invalid keys.

3. Final Answer:

   { "notification": { "title": "Hello", "body": "World" } } -> Option D

4. Quick Check:

   Notification key with title/body = correct [OK]

Hint: Notification messages use "notification" key with title and body [OK]

Common Mistakes:

• Using "data" key instead of "notification" for alerts
• Using incorrect keys like "message" or "notify"
• Missing required title or body fields

3. Given this Firebase message payload sent to an Android app:

{
  "notification": { "title": "Sale", "body": "50% off!" },
  "data": { "productId": "12345" }
}

What will happen when the app receives this message?

medium

A. The message will cause an error and not be delivered.

B. The app shows a notification with title and body, and data is available for app logic.

C. The app shows only the data as a notification, ignoring title and body.

D. The app only receives silent data, no notification is shown.

Solution

1. Step 1: Analyze notification part

   The "notification" key causes the system to show a notification with the given title and body automatically.

2. Step 2: Analyze data part

   The "data" key sends extra info silently, which the app can use for logic like opening a product page.

3. Final Answer:

   The app shows a notification with title and body, and data is available for app logic. -> Option B

4. Quick Check:

   Notification shows alert + data sent silently [OK]

Hint: Notification key shows alert; data key sends silent info [OK]

Common Mistakes:

• Thinking data messages show notifications automatically
• Believing notification messages ignore data payload
• Assuming message causes error due to combined keys

4. You sent a data message with this payload:

{ "data": { "score": "100" } }

But the app does not receive it when in background. What is the likely cause?

medium

A. Data messages require app code to handle them; no notification shown automatically.

B. Data messages always show notifications automatically, so this is impossible.

C. You must include a "notification" key for data messages to work.

D. Firebase does not support data messages on Android.

Solution

1. Step 1: Understand data message behavior

   Data messages are silent and require the app's code to process them; if the app is in background, it may not receive them unless handled properly.

2. Step 2: Check other options

   Data messages always show notifications automatically, so this is impossible. is false because data messages do not show notifications automatically. You must include a "notification" key for data messages to work. is incorrect; notification key is not required for data messages. Firebase does not support data messages on Android. is false; Firebase supports data messages on Android.

3. Final Answer:

   Data messages require app code to handle them; no notification shown automatically. -> Option A

4. Quick Check:

   Data messages need app handling [OK]

Hint: Data messages need app code; no auto notification [OK]

Common Mistakes:

• Expecting data messages to show notifications automatically
• Adding notification key unnecessarily
• Believing Firebase lacks data message support

5. You want to send a message that both shows a notification alert and passes extra data to the app for custom handling. Which Firebase message payload is best?

hard

A. { "notification": { "title": "Update", "body": "New version available" }, "data": { "version": "2.0" } }

B. { "data": { "title": "Update", "body": "New version available", "version": "2.0" } }

C. { "notification": { "title": "Update" } }

D. { "message": { "alert": "Update", "info": "2.0" } }

Solution

1. Step 1: Identify combined message structure

   To show a notification and send extra data, the payload must include both "notification" and "data" keys.

2. Step 2: Evaluate options

   { "notification": { "title": "Update", "body": "New version available" }, "data": { "version": "2.0" } } correctly combines notification alert and data. { "data": { "title": "Update", "body": "New version available", "version": "2.0" } } sends all as data, so no automatic alert. { "notification": { "title": "Update" } } lacks data for extra info. { "message": { "alert": "Update", "info": "2.0" } } uses invalid keys.

3. Final Answer:

   { "notification": { "title": "Update", "body": "New version available" }, "data": { "version": "2.0" } } -> Option A

4. Quick Check:

   Combine notification + data keys for alert + info [OK]

Hint: Use both notification and data keys to combine alert and info [OK]

Common Mistakes:

• Sending all info as data without notification key
• Missing data key for extra info
• Using invalid keys like "message" or "alert"