如何自定义 Bluemix 推送通知？答案

【问题标题】：How to customize Bluemix push notification?如何自定义 Bluemix 推送通知？
【发布时间】：2016-05-26 10:13:26
【问题描述】：

我正在使用 bluemix ibm-mfp-push 和 ibm-mfp-core 为我的混合移动应用程序推送通知。我已经在项目中添加了所有图标和闪屏，但是每当我发送通知时，它仍然显示一个开始图标。我想用我的应用程序图标更改这个星形图标。我还需要在点击时将我的用户重定向到某个适当的屏幕的推送通知。任何参考或示例将不胜感激......

【问题讨论】：

您能否详细说明您已经尝试过的具体内容？当您说您已将图标添加到项目中时，您具体是在做什么来配置它？您修改后的代码也将有助于调试。谢谢
我完成了 ibm-bluemix-mobile-services/bms-clientsdk-cordova-plugin-push 文档中给出的所有步骤。URL 是 github.com/ibm-bluemix-mobile-services/…。我添加了所需的图标和启动画面申请。
当我收到推送通知时，我没有从星形图标的来源获得...
星形图标是推送通知的默认设置。您能否向我们展示您在其中添加 android 和 ios 图标的 config.xml 代码，以便我们帮助调试。
James 我不知道有任何属性可以更改推送通知图标。在我的 config.xml 中，我为 android 和 ios 都传递了图标 src。在 ios 中我可以获得推送图标，但在 android 中我得到了默认星形图标。

标签： ionic-framework ibm-cloud hybrid-mobile-app ibm-mobile-services ibm-cloud-plugin

【解决方案1】：

您可以使用<icon> 标签在 Cordova config.xml 文件中自定义您的应用程序图标。不同的设备将使用不同大小的图标来推送通知，因此您需要确保为您希望支持的每种设备类型提供大小合适的图标。

以下是 Android 和 iOS 的图标配置示例：

<platform name="android">
    <!-- 
        ldpi    : 36x36 px
        mdpi    : 48x48 px
        hdpi    : 72x72 px
        xhdpi   : 96x96 px
        xxhdpi  : 144x144 px
        xxxhdpi : 192x192 px
    -->
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density="xhdpi" />
    <icon src="res/android/xxhdpi.png" density="xxhdpi" />
    <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>

<platform name="ios">
    <!-- iOS 8.0+ -->
    <!-- iPhone 6 Plus  -->
    <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
    <!-- iOS 7.0+ -->
    <!-- iPhone / iPod Touch  -->
    <icon src="res/ios/icon-60.png" width="60" height="60" />
    <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
    <!-- iPad -->
    <icon src="res/ios/icon-76.png" width="76" height="76" />
    <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
    <!-- iOS 6.1 -->
    <!-- Spotlight Icon -->
    <icon src="res/ios/icon-40.png" width="40" height="40" />
    <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
    <!-- iPhone / iPod Touch -->
    <icon src="res/ios/icon.png" width="57" height="57" />
    <icon src="res/ios/icon@2x.png" width="114" height="114" />
    <!-- iPad -->
    <icon src="res/ios/icon-72.png" width="72" height="72" />
    <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
    <!-- iPhone Spotlight and Settings Icon -->
    <icon src="res/ios/icon-small.png" width="29" height="29" />
    <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
    <!-- iPad Spotlight and Settings Icon -->
    <icon src="res/ios/icon-50.png" width="50" height="50" />
    <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
</platform>

【讨论】：

我不是在谈论应用程序图标。它是关于推送通知图标。
上面的配置说明还应该允许您自定义推送通知图标。