将通过 FCM 的 Service Worker 接收到的推送通知传递给 Angular 方面的方法是什么？

2 年 ago

宇, 华

1 minute

在这篇文章中要做的事情

将从在Angular中引入的FCM Service Worker接收到的推送通知传递给组件端。

不对FCM的具体细节进行讨论。

如果有人想从导言部分了解情况的话，我参考的文章总结得非常清晰易懂，建议您参考那篇文章。

将推送通知的内容传递给Angular侧。


import { Component, OnInit } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';

@Component({
  selector: 'app-main',
  templateUrl: './main.component.html',
  styleUrls: ['./main.component.scss']
})
export class MainComponent implements OnInit {

 constructor(
    private messaging: AngularFireMessaging,
  ) { }

 ngOnInit() {

    // Angular 側へプッシュデータを渡す
    this.messaging.messages
      .subscribe( message => { console.log(message); });
  }
}

这样服务器端发送的推送通知的标题、正文和数据将显示在控制台上。

请引用以下文章

Angular5でのPush通知実装(firebaseあり版となし版)