Push notification Phonegap构建,使用Firebase,通知图标为白色/灰色正方形

Push notification Phonegap构建,使用Firebase,通知图标为白色/灰色正方形,push-notification,phonegap-build,notification-icons,Push Notification,Phonegap Build,Notification Icons,很多人一直在问这个问题,但现在所有的解决方案似乎都过时了。我尝试了所有的解决方案,但使用phonegap Build CLI9.0.0、Firebase Cloud推送通知和phonegap插件推送2.1.3对我来说仍然不起作用 我可以毫无问题地将图标添加到我的应用程序中。安装和加载应用程序时,正确的徽标将按预期显示。但是,当我收到推送通知时,托盘区域中的图标只是一个白色/灰色正方形 到目前为止,我已经尝试过: 我的图标是一个带有透明背景的白色圆圈。 它被称为通知图标.png。 我已经制作了6个

很多人一直在问这个问题,但现在所有的解决方案似乎都过时了。我尝试了所有的解决方案,但使用phonegap Build CLI9.0.0、Firebase Cloud推送通知和phonegap插件推送2.1.3对我来说仍然不起作用

我可以毫无问题地将图标添加到我的应用程序中。安装和加载应用程序时,正确的徽标将按预期显示。但是,当我收到推送通知时,托盘区域中的图标只是一个白色/灰色正方形

到目前为止,我已经尝试过:

我的图标是一个带有透明背景的白色圆圈。 它被称为通知图标.png。 我已经制作了6个不同尺寸的版本,以满足ldpi、hdpi等要求。 我已将图标名称添加到推送通知init中,如下所示

    var push = PushNotification.init({
        android: {
          senderID: senderId,  
          iconColor: "#e73439",
          alert: true,
          badge: true,
          icon: 'notification_icon',
          sound: true,
          vibrate: true,
        },
        ios: {
          senderID: senderId,  
          iconColor: '#e73439',
          alert: true,
          badge: true,
          icon: 'notification_icon',
          sound: true,
          vibration: true,
        },
        windows: {}
      });
        $notification = array
            (
                'body'   => $message,
                'title'     => $titlenotification,
                "icon" =>  'notification_icon',
                "content_available" => "1",         
                "image"            => "push_notification"  ,
                "icon"            => "push_notification"  ,
                "color"            => "#e73439"  ,

            );
        $data = array
            (
                "title"             => $titlenotification,  
                "message"           => $message, 
                "content_available" => "1",
            );
        $fields = array
            (
                'registration_ids'  => $registrationtokens,
                'notification'      => $notification,            
                'data'                => $data,                         
                "priority"            => "high",
                "content_available"   => true,
            );
        ....etc
我已将图标的所有变体添加到我的config.xml中,如下所示(前6个是我的徽标图标,而不是通知图标)

我使用Phponegap编译,所以我不能编辑任何其他xml部分,只需config.xml

到目前为止,我让它工作的唯一方法是,如果我删除了其他徽标图标,只使用通知图标,那么通知图标也会显示为主图标

我想也许只有较小的图标会用作通知图标,所以我尝试使用ldpi、mdpi和hdpi的通知图标,以及xhdpi、xxhdpi和xxxhdpi的主徽标,但无论我尝试什么,结果都是通知图标起作用,但在加载应用程序时,它也会用作徽标,或者忽略通知图标,徽标用作加载图标,白色/灰色正方形用作通知图标


有人能帮忙吗?

我已经弄明白了。这个解决方案花了太长时间才找到,但本质上确实很简单。使用Phonegap Build 2、Phonegap cli-9.0.0和Firebase(FCM)推送通知,帮助其他人解决同样的问题(2019年,Android target SDK为28):

1) 从PushNotification.init javascript中删除自定义通知图标。您应该只在那里添加senderID。其余部分现在由推送负载处理

2) 在您的有效负载中(我使用自己的PHP通知发送器,遵循Firebase API信息),在“通知”参数下添加自定义图标名称:

            $notification = array
            (
                'body'   => $message,
                'title'     => $titlenotification,
                "icon"              =>  'notification_icon',
                "content_available" => "1",         
                "iconColor"        => "#e73439",
            );
3) 确保您的图标为白色,背景透明。另存为png。确保名称与“图标”值完全匹配。在本例中:notification_icon.png

4) 创建图标的所有密度版本。您可以在此处执行此操作:……这将创建所有必要的尺寸

5) 将图标保存在各自的文件夹中(例如/drawable mdpi/notification_icon.png)。将这些文件夹放在本地的以下位置:

/your project folder/www/locales

6) 在config.xml中添加以下行(假设notification_icon.png是图像的名称)


…请注意目标值和结尾的额外配置文件位。非常重要的部分

这对我在安卓6、7、8和9上很有效。Ios通知图标对我来说是个谜,我认为Phonegap目前不支持这个功能,但不管怎样,它在Android上工作


更多信息可以在这里找到:

我已经弄明白了。这个解决方案花了太长时间才找到,但本质上确实很简单。使用Phonegap Build 2、Phonegap cli-9.0.0和Firebase(FCM)推送通知,帮助其他人解决同样的问题(2019年,Android target SDK为28):

1) 从PushNotification.init javascript中删除自定义通知图标。您应该只在那里添加senderID。其余部分现在由推送负载处理

2) 在您的有效负载中(我使用自己的PHP通知发送器,遵循Firebase API信息),在“通知”参数下添加自定义图标名称:

            $notification = array
            (
                'body'   => $message,
                'title'     => $titlenotification,
                "icon"              =>  'notification_icon',
                "content_available" => "1",         
                "iconColor"        => "#e73439",
            );
3) 确保您的图标为白色,背景透明。另存为png。确保名称与“图标”值完全匹配。在本例中:notification_icon.png

4) 创建图标的所有密度版本。您可以在此处执行此操作:……这将创建所有必要的尺寸

5) 将图标保存在各自的文件夹中(例如/drawable mdpi/notification_icon.png)。将这些文件夹放在本地的以下位置:

/your project folder/www/locales

6) 在config.xml中添加以下行(假设notification_icon.png是图像的名称)


…请注意目标值和结尾的额外配置文件位。非常重要的部分

这对我在安卓6、7、8和9上很有效。Ios通知图标对我来说是个谜,我认为Phonegap目前不支持这个功能,但不管怎样,它在Android上工作


更多信息可以在这里找到:

我已经了解到,phonegap插件push 2+上的PushNotification.init函数不再处理图标和颜色。我已将此信息移动到我的有效负载区域。这允许我更改图标背景颜色,但图像仍显示为空方框。我已了解到phonegap插件push 2+上的PushNotification.init函数不再处理图标和颜色。我已将此信息移动到我的有效负载区域。这允许我更改图标背景颜色,但图像仍显示为空方块。
  <platform name="android">          

    <resource-file src="locales/android/notification_icon.png" target="app/src/main/res/drawable/notification_icon.png" />
    <resource-file src="locales/android/drawable-mdpi/notification_icon.png" target="app/src/main/res/drawable-mdpi/notification_icon.png" />
    <resource-file src="locales/android/drawable-hdpi/notification_icon.png" target="app/src/main/res/drawable-hdpi/notification_icon.png" />
    <resource-file src="locales/android/drawable-xhdpi/notification_icon.png" target="app/src/main/res/drawable-xhdpi/notification_icon.png" />
    <resource-file src="locales/android/drawable-xxhdpi/notification_icon.png" target="app/src/main/res/drawable-xxhdpi/notification_icon.png" />


    <!-- Configure Firebase -->
    <config-file parent="/manifest/application" target="AndroidManifest.xml">
        <meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@drawable/notification_icon" />
    </config-file>

</platform>