推送通知离子
Push Notifications Ionic
首先,我正在用 Ionic(前端)、Node.js + Express(后端)和 MongoDB 作为数据库开发一个项目,我想在我的应用程序。我已经阅读了很多关于使用 firebase 的通知,但我正在使用 MongoDB。如果有人可以 help/guide 我很迷茫,我将不胜感激。
您可以在您的应用中使用 Firebase 推送或 Firebase 云消息传递,没有任何问题。它只是 Firebase 家族的一项服务。您不需要在您的应用程序中使用它的实时数据库。您只需要集成 Firebase 云消息服务即可。也就是说,您可以保持 Mongodb 后端不变。
的文章
如果您不想使用 firebase and/or,即使您处于离线状态也需要推送通知,可以使用此 Cordova 插件:cordova-plugin-local-notifications。
Quick instructions here。不太快速的说明:阅读 github.
中的文档和问题
像这样安装:
ionic cordova plugin add cordova-plugin-local-notification
npm install @ionic-native/local-notifications
然后导入并包含app.module.ts
中的provider(不要忘记这一步,通常不会包含在任何手册中):
import {LocalNotifications} from '@ionic-native/local-notifications/ngx';
...
providers: [ LocalNotifications ]
然后在your_page.page.ts
中导入注入:
import {LocalNotifications} from '@ionic-native/local-notifications/ngx';
...
constructor(private localNotifications: LocalNotifications) {}
最后像这样使用它:
this.localNotifications.schedule({
title: 'My first notification',
text: 'Thats pretty easy...',
foreground: true
});
彻底测试,该插件并非没有错误,但可以正常工作。
希望这对您有所帮助。
首先,我正在用 Ionic(前端)、Node.js + Express(后端)和 MongoDB 作为数据库开发一个项目,我想在我的应用程序。我已经阅读了很多关于使用 firebase 的通知,但我正在使用 MongoDB。如果有人可以 help/guide 我很迷茫,我将不胜感激。
您可以在您的应用中使用 Firebase 推送或 Firebase 云消息传递,没有任何问题。它只是 Firebase 家族的一项服务。您不需要在您的应用程序中使用它的实时数据库。您只需要集成 Firebase 云消息服务即可。也就是说,您可以保持 Mongodb 后端不变。
的文章如果您不想使用 firebase and/or,即使您处于离线状态也需要推送通知,可以使用此 Cordova 插件:cordova-plugin-local-notifications。 Quick instructions here。不太快速的说明:阅读 github.
中的文档和问题像这样安装:
ionic cordova plugin add cordova-plugin-local-notification
npm install @ionic-native/local-notifications
然后导入并包含app.module.ts
中的provider(不要忘记这一步,通常不会包含在任何手册中):
import {LocalNotifications} from '@ionic-native/local-notifications/ngx';
...
providers: [ LocalNotifications ]
然后在your_page.page.ts
中导入注入:
import {LocalNotifications} from '@ionic-native/local-notifications/ngx';
...
constructor(private localNotifications: LocalNotifications) {}
最后像这样使用它:
this.localNotifications.schedule({
title: 'My first notification',
text: 'Thats pretty easy...',
foreground: true
});
彻底测试,该插件并非没有错误,但可以正常工作。
希望这对您有所帮助。