Это было настоящее путешествие, полное ловушек, поэтому вот пошаговые инструкции по добавлению Cordova-Plugin-Firebase в ваше приложение Ionic.

Установить плагин

Убедитесь, что вы настроили NPM или Yarn и Ionic. Затем установите плагин:

ionic cordova plugin add cordova-plugin-firebase
npm install --save @ionic-native/firebase
or 
yarn add @ionic-native/firebase

Добавить в код приложения

Затем добавьте следующий код в свой app.component.ts.

Кроме того, не забудьте также включить эти библиотеки в app.module.ts.

Получите значки

Создайте PNG 96x96px, белый и прозрачный. Загрузите изображение в великолепную Android Asset Studio - генератор значков уведомлений. На следующем шаге мы собираемся использовать notification_icon в качестве имени изображения, но не стесняйтесь использовать в своем приложении все, что вам нравится. Загрузите пакет, создайте каталог {project root}/resources/android/notification и извлеките туда значки.

Добавить в config.xml

Наконец, мы собираемся заставить Ionic копировать наши файлы значков в пакет Android, и мы собираемся убедиться, что уведомления Firebase действительно используют их:

Настроить Firebase

Перейдите в Консоль Firebase и создайте или перейдите в свое приложение. В разделе Облачные сообщения следуйте инструкциям по добавлению приложений для Android и iOS. Не забудьте также настроить интерфейс для Apple Push Notification Service.

—

И это все, что нужно для настройки! Создайте свое приложение Ionic, разверните его на устройстве или симуляторе и откройте его, чтобы предоставить разрешение на получение уведомлений. Отправьте себе несколько тестовых уведомлений через консоль Cloud Messaging (просто установите текст сообщения и заголовок в расширенных параметрах), и вы должны увидеть всплывающие уведомления с вашим стильным новым значком!