要在Angular 8应用程序中成功显示Firebase通知,必须对Firebase配置进行正确的设置,并编写代码以正确处理从Firebase Console发送的推送消息。以下是可能的解决方案:
确保在Angular 8应用程序中正确安装了Firebase SDK和相关模块。
确保在Firebase控制台中正确设置了应用程序的配置文件,并将配置信息添加到Angular 8应用程序的环境变量中。
编写Firebase服务以处理从Firebase控制台发送的推送消息。例如:
@Injectable()
export class PushNotificationService {
messaging = firebase.messaging();
constructor() { }
public init() {
this.messaging
.requestPermission()
.then(() => {
console.log("Permission granted");
return this.messaging.getToken();
})
.then(token => {
console.log("Token: ", token);
})
.catch(error => {
console.error(error);
});
this.messaging.onTokenRefresh(() => {
this.messaging.getToken()
.then(token => {
console.log("Token: ", token);
})
.catch(error => {
console.error(error);
});
});
this.messaging.onMessage(payload => {
console.log("Message received. ", payload);
});
}
}
export class AppComponent implements OnInit {
constructor(private pushService: PushNotificationService) { }
ngOnInit() {
this.pushService.init();
}
}
以上步骤应该能够使Angular 8应用程序正确显示Firebase推送通知。