Firebase Cloud Messaging en notificaties
Verstuur en ontvang pushnotificaties in uw Flutter-app met Firebase Cloud Messaging en verwerk foreground-, background- en tapped-states.
Firebase Cloud Messaging en notificaties is een gratis Mobiele ontwikkeling met Flutter-les op CoddyKit. Dit is les 4 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Mobiele ontwikkeling met Flutter. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Mobiele ontwikkeling met Flutter bevat in totaal 4 lessen.
Waarom pushmeldingen?
Firebase Cloud Messaging (FCM) laat je server pushmeldingen naar gebruikers sturen, zelfs wanneer de app gesloten is. Dit is belangrijk om gebruikers terug te laten keren en voor realtimewaarschuwingen.
Het pakket toevoegen
Voeg firebase_messaging toe aan je afhankelijkheden. Je zou firebase_core uit eerdere lessen al moeten hebben ingesteld.
dependencies:
firebase_core: ^2.0.0
firebase_messaging: ^14.0.0Toestemming vragen
Op iOS (en Android 13+) moet je de gebruiker om toestemming voor meldingen vragen.
final messaging = FirebaseMessaging.instance;
await messaging.requestPermission(
alert: true, badge: true, sound: true,
);Het apparaattoken
Elk apparaat krijgt een unieke FCM-token. Stuur deze naar je server, zodat je dat apparaat kunt targeten.
final token = await messaging.getToken();
print('FCM token: ' + (token ?? 'none'));Token vernieuwen
Tokens kunnen veranderen. Luister naar vernieuwingen en werk je server bij.
messaging.onTokenRefresh.listen((newToken) {
sendTokenToServer(newToken);
});Drie berichtstatussen
Je moet berichten in drie situaties afhandelen:
- Voorgrond — app geopend
- Achtergrond — app geminimaliseerd
- Beëindigd — app gesloten
Berichten op de voorgrond
Wanneer de app geopend is, toont FCM niet automatisch een systeemmelding — je ontvangt de gegevens en toont de melding zelf.
FirebaseMessaging.onMessage.listen((message) {
final title = message.notification?.title ?? '';
showLocalNotification(title);
});Handler voor de achtergrond
Registreer vóór runApp een handler voor de achtergrond op het hoogste niveau. Dit moet een functie op het hoogste niveau zijn.
Future<void> bgHandler(RemoteMessage m) async {
print('Background: ' + (m.messageId ?? ''));
}
void main() {
FirebaseMessaging.onBackgroundMessage(bgHandler);
}Een aangetikte melding verwerken
Wanneer de gebruiker op een melding tikt waarmee de app is geopend, stuur je diegene naar het juiste scherm.
FirebaseMessaging.onMessageOpenedApp.listen((message) {
final route = message.data['route'];
if (route != null) navigator.pushNamed(route);
});Abonnementen op onderwerpen
Abonneer apparaten op onderwerpen om berichten naar groepen te sturen zonder afzonderlijke tokens te beheren.
await messaging.subscribeToTopic('news');
await messaging.unsubscribeFromTopic('news');Lokale meldingen voor weergave
Combineer FCM met flutter_local_notifications om uitgebreide meldingen te tonen wanneer de app op de voorgrond staat.
final plugin = FlutterLocalNotificationsPlugin();
await plugin.show(0, 'Title', 'Body', notificationDetails);Korte controle
Wat is waar over een melding die wordt ontvangen terwijl de app op de voorgrond staat?
Samenvatting
Je hebt Firebase Cloud Messaging geleerd:
- Machtigingen en apparaattokens
- Verwerking op de voorgrond, op de achtergrond en na beëindiging
- Doorsturen na het aantikken van meldingen en onderwerpen
- Combineren met lokale meldingen
Je app kan gebruikers nu opnieuw bereiken met tijdige pushmeldingen.
Leer Dart met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 22
- Lessen
- 88
Veelgestelde vragen
Is de les “Firebase Cloud Messaging en notificaties” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad Mobiele ontwikkeling met Flutter, waaronder “Firebase Cloud Messaging en notificaties”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Mobiele ontwikkeling met Flutter bevat in totaal 4 lessen.
Wat leer ik in “Firebase Cloud Messaging en notificaties”?
Verstuur en ontvang pushnotificaties in uw Flutter-app met Firebase Cloud Messaging en verwerk foreground-, background- en tapped-states. Je oefent met Mobiele ontwikkeling met Flutter door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Mobiele ontwikkeling met Flutter te beginnen?
Ervaring vooraf is niet nodig. Mobiele ontwikkeling met Flutter op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.
Hoe lang duurt de les “Firebase Cloud Messaging en notificaties”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Mobiele ontwikkeling met Flutter?
Ja. Elke les over Mobiele ontwikkeling met Flutter bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Firebase instellen en authenticatie
- Cloud Firestore-database
- Cloud Storage en Functions
- Firebase Cloud Messaging en notificaties