When pwa is in background, the serviceworker still uses onMessage not onBackgroundMessage!

Offen

#3,469 erstellt am 27.11.2023 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 4/5
Geschätzter Aufwand: 3-5 Tage
Anfängerfreundlichkeit: 28/100

Issue-Typ: Bug
Klarheit: Muss geklärt werden
Aktivitätsstatus: Veraltet
Tech-Stack: angular, firebase, typescript
Bereich: frontend, web-dev

Rechercherichtung

Beginne damit, das onMessage-Setup des Dienstes mit der onBackgroundMessage-Registrierung in firebase-messaging-sw.js zu vergleichen, und reproduziere anschließend das Verhalten mit der PWA im Hintergrund. Als erledigt gilt die Aufgabe, wenn der erwartete Handler eingerichtet ist und das Verhalten beim Tippen auf die Benachrichtigung korrigiert oder die Einschränkung eindeutig dokumentiert wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Hello,

when I send a push notification to my app, the onMessage method is called even if it is in the background! Actually, the onBackgroundMessage should then be called, right? The problem now is that when I tap on the message box in Android, the Progressive Web Application is not brought to the foreground. Apparently Android thinks that the app is in the foreground? The message box disappears when I tap on it and the number of incoming messages also disappears from the app icon.

Is there any way to fix this?

The onMessage is defined in a service
this.message$ = new Observable(sub => onMessage(this.messaging, it => sub.next(it))).pipe( tap(payload => {this.print.info('MessagingService initFCMMessaging() FCM fmessage', { payload });}) );

The onBackgroundMessage is defined in the firebase-messaging-sw.js with static text.

`messaging.onBackgroundMessage(function(payload) {
// Customize notification here
const notificationTitle = 'My title';
const notificationOptions = {
body: 'My Bodytext',
icon: '/firebase-logo.png' || '/assets/icons/icon-72x72.png'
};

self.registration.showNotification(notificationTitle, notificationOptions);
});`

I only noticed this because I defined a static text for the background message.

Vorherrschende Sprache: TypeScript
Sterne: 7.8k
Forks: 2.2k
Ø Merge: 3 T. 6 Std.
Gemergte PRs (30 T.): 5

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/angularfire

Canary builds are named after the release candidate, so npm ranks them above it Offen

comp: build/pipeline type: bug version: current (v17+)

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100

angular/angularfire#3766 · Erstellt am 23.9.2026
`ng add @angular/fire` stops with `Cannot read properties of undefined (reading 'email')` on firebase-tools 15 Offen

comp: schematics type: bug version: current (v17+)

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 76/100

angular/angularfire#3768 · Erstellt am 23.9.2026
docs: the documented install and upgrade commands do not work with 21.0.0-rc.1 Offen

comp: docs type: chore version: current (v17+)

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 58/100

angular/angularfire#3764 · Erstellt am 22.9.2026
Use `TransferState` to hand server-rendered Firestore data to the browser, instead of reading every document twice Offen

comp: firestore comp: ssr priority: P0 (critical) type: feature version: current (v17+)

angular/angularfire#3757 · 1 zugewiesene Person · Erstellt am 31.8.2026
Six `firebase` entry points have no `@angular/fire` equivalent, so their exports are unreachable Offen

comp: core type: feature

angular/angularfire#3755 · 1 zugewiesene Person · Erstellt am 31.8.2026

Alle Issues in angular/angularfire