Breaking News: Grepper is joining You.com. Read the official announcement!

ionic fcm notification example

Wrong Wolf answered on November 16, 2022 Popularity 6/10 Helpfulness 1/10

answer ionic fcm notification example

ionic fcm notification example

Comment

// in firebase-push.service.ts

import {
  ActionPerformed,
  PushNotificationSchema,
  PushNotifications,
  Token
} from '@capacitor/push-notifications';
import { Subject, Observable } from 'rxjs';

export class FirebasePushService {
  private subject = new Subject<any>();

  constructor() { }
  ///...
  ///...
  // other listeners for connection above
  PushNotifications.addListener('pushNotificationActionPerformed',
      (notification: ActionPerformed) => {
        const data = notification.data;
        this.onPushReceived(data);
      }
    );

  onPushReceived(data: any){
    this.subject.next(data);
  }

  getPushReceived(): Observable<any>{
    return this.subject.asObservable();
  }
}

// in the page you want to use the notification data (eg. home.page.ts)

import { Subscription } from 'rxjs';
import { FirebasePushService } from '../services/firebase-push.service';

export class HomePage implements OnInit {
 
  pushSubscription: Subscription;
  
  constructor( private firebaseService: FirebaseService ) {
    
    this.pushSubscription = this.firebaseService.getPushReceived().subscribe( async (data) => {
          console.log('Do whatever you want with the data: ', data);
    });
  }
}

Popularity 6/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

Wrong Wolf

0 Answers Avg Quality 2/10

ionic fcm notification example

Contents

More Related Answers

ionic fcm notification example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.