IOS notifications when app is in foreground

Question

I'm using cordova-plugin-fcm for push notifications in case of background and app killed. In case of app in foreground, I'm scheduling local notification using the plugin. This is my code:

            FCMPlugin.onNotification((msg) => {
            this.notificationMsg = msg;
            if (msg.wasTapped) {
             // code for app background and app killed
            }
            else {
                LocalNotifications.schedule({
                        id: 1,
                        title: 'title',
                        text: 'text',
                    })
           }
        })

But no local notifications comes up in foreground. But as soon as I minimize the app, it comes. What's the issue here? Anything to do with plugin version? Please help.

any updates? I am using the "Local Notifcation" 0.9.0.beta.3 version and could not receive the "local Notification" in foreground and minimize the app. But v0.8.5, receive the local notification while minimize the application not in "Foreground". Any assitance? — Finder, Dec 07 '18 at 12:01
Were you able to find out any solution to this? I am having same issue. — rout0802, Apr 25 '19 at 00:16

score 0 · Answer 1 · answered Jan 05 '18 at 21:01

NotificationEventAdditionalData.foreground returns a boolean which is true if the app is in foreground and false otherwise .

That example works with me perfectly

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { TabsPage } from '../pages/tabs/tabs';

import { FCM } from '@ionic-native/fcm';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;
  isIOS: boolean = false;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private fcm: FCM) {
    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      this.isIOS = platform.is('ios');

      if (this.isIOS) {
        // disable status bar overlay webview
        statusBar.overlaysWebView(false);
      } else {
        // let status bar overlay webview
        statusBar.overlaysWebView(true);
      }

      // set status bar to white
      statusBar.backgroundColorByHexString('#8c0f1a');

      // use light content
      statusBar.styleLightContent();

      splashScreen.hide();

    fcm.subscribeToTopic('marketing').catch(e => console.log('Error subscribing to topic', e));



        fcm.getToken().then(token => {
          // backend.registerToken(token);
          console.log(token);
        });

        fcm.onNotification().subscribe(data => {
          if (data.wasTapped) {
            console.log("Received in background");
          } else {
            console.log("Received in foreground");
          };
        });

        fcm.onTokenRefresh().subscribe(token => {
          // backend.registerToken(token);
          console.log(token);
        });
      }

  }
}

So you're getting notifications while app is in foreground as well? — Saksham Gupta, Jan 06 '18 at 07:19
try the example above that I provided , if it works please accept this answer? — Amr.Ayoub, Jan 06 '18 at 10:39
no it doesn't work. still not getting notifications when app is in foreground — Saksham Gupta, Jan 06 '18 at 12:02

score 0 · Answer 2 · answered Feb 22 '18 at 07:24

0

Use below cordova local notification plugin, that works perfectly for me : https://github.com/katzer/cordova-plugin-local-notifications

The plugin creates the object cordova.plugins.notification.local and is accessible after deviceready has been fired.

Example:

cordova.plugins.notification.local.schedule({
title: 'My first notification',
text: 'Thats pretty easy...',
foreground: true
});

answered Feb 22 '18 at 07:24

Nimesh khatri

763
12
29

I'm using this plugin only along with cordova-plugin-fcm. But the two aren't compatible. – Saksham Gupta Feb 22 '18 at 07:39
You don't need to use two plugins, just remove older one and install this one. – Nimesh khatri Feb 22 '18 at 08:21
But I need notifications in case app is killed and in background also – Saksham Gupta Feb 22 '18 at 09:26

Leonid Prokopenko · Answer 3 · 2018-09-02T21:14:01.140

If you want to receive notification in the foreground with FCMPlugin you can just edit the following file

https://github.com/fechanique/cordova-plugin-fcm/blob/master/src/android/MyFirebaseMessagingService.java#L53

change the following line:

//sendNotification(remoteMessage.getNotification().getTitle(),remoteMessage.getNotification().getBody(), remoteMessage.getData());

to:

sendNotification(remoteMessage.getNotification().getTitle(), remoteMessage.getNotification().getBody(), data);
remove and add the platform you using and you are all set

IOS notifications when app is in foreground

3 Answers3