android - 在 cordova/ionic 中创建本地通知以响应推送通知(来自 firebase)

标签 android ios cordova ionic-framework

我正在使用 Ionic Framework 构建一个应用程序,该应用程序实现了类似于老式 facebook messenger 的聊天功能,因为我想通知用户聊天消息,但如果他们在其他地方查看它,我想删除通知从他们的主屏幕。

我使用 firebase 作为推送通知的后端(尽管我想这可能会改变)。

我知道您不能使远程通知过期,但有人告诉我您可以使本地通知过期并删除,所以我的问题是 - 我能否可靠地接收远程通知,创建本地通知,并显示它,然后响应范围为“过期”或“删除”的通知,删除本地通知,以便我的用户不会看到重复的信息?

大多数插件倾向于检测应用程序的状态,并使用您默认推送的信息向主屏幕添加远程通知,有没有办法避免这种情况?

谢谢你们。

编辑: - 本地通知:http://ionicframework.com/docs/native/local-notifications/ - Firebase 云消息传递:https://github.com/fechanique/cordova-plugin-fcm

最佳答案

据我所知,没有插件可以满足您的所有需求。然而..

can i reliably receive a remote notification, create a local one, and display that, and then in response to a notification with a scope of 'expire' or 'remove', delete a local notification so that my users don't see a duplication of information?

Most plugins tend to detect the status of the app and add a remote notification to the homescreen with the info you've pushed by default, is there a way to avoid this?

是的,通过使用 silent notifications并自己构建本地通知。

对于我正在从事的项目,我修改了插件 cordova-plugin-fcm 以添加对(本地点播)通知关闭/显示的支持,向 cordova 应用程序发送多个通知,以及一些尚未包含的 PR。此外,我自己构建通知,以完全控制显示的内容。您可以查看代码以获得一些想法。

简而言之,它是这样工作的:

首先,我向应用程序发送一个“静默”推送,Android 不会显示该推送:

{
    "content_available": true, // IMPORTANT: For Apple -> content-available: 1, for firebase -> content_available: true
    "priority": "high",
    "to": "/topics/all", // or to a fcm token
    "data"{
        "title": "My title", // this implies that you display the notification by yourself
        "body": "My body", // this implies that you display the notification by yourself
        "type": "NEW_USER_MESSAGE", // only relevant to this project
        "userId": "1", // only relevant to this project
        "timestamp", "150000000"
    }
}

注意:如果负载有 "notification": {} 项,Android 会将其显示在系统托盘上(如果应用程序在后台)。 https://firebase.google.com/docs/cloud-messaging/concept-options#notifications_and_data_messages

其次,当推送到达应用程序时(在 onMessageReceived() 中),我构建了本地通知,并为其分配了一个 TAG 和一个 ID。这是您以后可以用来关闭它的方式。 例如,您可以使用 TAG“NEW_USER_MESSAGE”和 ID 1(表示消息状态的常量,或用户 ID,例如)创建本地通知。另外,Android will replace notifications with the same TAG and ID ,因此这是另一种自动替换通知的方式(例如,如果您发送通用消息,如“新更新可用”)。

    public static String TYPE_NEW_USER_MESSAGE = "NEW_USER_MESSAGE";
    public static String TYPE_USER_LEFT_ROOM = "USER_LEFT_ROOM";

    NotificationManager notificationManager =
            (NotificationManager) _ctx.getSystemService(Context.NOTIFICATION_SERVICE);

    // based in the type of the message you've received, you can stylize the notification
    if (type.equals( TYPE_USER_LEFT_ROOM )){
        notificationBuilder.setColor(Color.RED);
        notificationBuilder.setLights(Color.RED, 1000, 500);
    }
    else if (type.equals( TYPE_NEW_USER_MESSAGE )){
        notificationBuilder.setColor(Color.BLUE);
        notificationBuilder.setLights(Color.BLUE, 1000, 1000);
    }

    Notification n = notificationBuilder.build();
    notificationManager.notify(type, userId, n);

这样做的一个好处是,您可以完全控制要显示的通知,因此您可以根据需要对其进行样式化。

如果你想丢弃过期的消息,你可以check out the elapsed time between the sent timestamp and the current timestamp :

java.util.Date now = new java.util.Date();
java.util.Date sent_timestamp = new java.util.Date( Long.valueOf(timestamp.toString()) );
            final Long elapsed_time = ((now.getTime() - sent_timestamp.getTime()) / 1000);
Log.d(TAG, "New message. sent " + elapsed_time + "s ago");

第三,当用户点击通知时,Android 将启动您的应用,插件会将推送消息的有效负载发送到 cordova View (onNotificationReceived())。

一旦您的应用程序打开并收到推送消息,您可以关闭它并向插件添加新操作:

onNotificationReceived(data){
    if (data.wasTapped === true){
        if (data.type === 'NEW_USER_MESSAGE'){
            FCMPlugin.dismissNotification(NEW_USER_MESSAGE, 1);
        }
    }
}

Android 操作:

else if (action.equals( ACTION_DISMISS_NOTIFICATION )) {
    cordova.getThreadPool().execute(new Runnable() {
        public void run() {
            try{
                Log.d(TAG, "FCMPlugin dismissNotificaton: " + args.getString(0)); //tag
                NotificationManager nManager = (NotificationManager) mContext.getSystemService(Context.NOTIFICATION_SERVICE);
                        nManager.cancel(args.getString(0)/*NEW_USER_MESSAGE*/, args.getInt(1) /*1*/);
                Log.d(TAG, "FCMPlugin dismissNotificaton() to remove: " + id); //tag
                callbackContext.success();
            }catch(Exception e){
                callbackContext.error(e.getMessage());
            }
       }
 });

https://github.com/TrustedCircles/cordova-plugin-fcm/blob/master/src/android/FCMPlugin.java#L286

以及暴露给cordova app的方法:

// dismisses a notification by tag+id
FCMPlugin.prototype.dismissNotification = function( tag, userId, success, error ){
    exec(success, error, "FCMPlugin", 'dismissNotification', [tag, userId]);
}

https://github.com/TrustedCircles/cordova-plugin-fcm/blob/master/www/FCMPlugin.js#L65

关于android - 在 cordova/ionic 中创建本地通知以响应推送通知(来自 firebase),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45406274/

相关文章:

android - 了解用于从 Android 使用 .Net Web 服务的 SSL

ios - 如何在 iOS 中搜索 tableview 内容?

android - 如何找到用户的国家

ios - 在tableView中添加日期作为节标题

ios - iOS上的Phonegap日历插件

javascript - 如何从回调函数中获取变量的值?

java - Android System.Err for setVisibility(View.GONE)?

android - 为什么我不应该在 android 中使用 System.out.println()

java - 使用上下文操作栏在操作栏中共享项目

iphone - iOS - ALAssetsLibrary 使用的缓存数据未更新