Cordova-plugin-firebase: Ändern des Push-Benachrichtigungssymbols - Problem mit leerem Android-Symbol im Jahr 2018

Bitte testen Sie, ob dieser dem config.xml <platform name="android"> Tag hinzugefügte Code das Symbol als Standard-Benachrichtigungssymbol hinzufügt.

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

Dies funktioniert für mich beim Senden über das Firebase Cloud Messaging-Panel oder das Back-End ohne Symbol in der Nutzlast.
Bitte posten Sie hier das Feedback.
Wenn es funktioniert, wird Ihr diesem Code hinzugefügtes Tutorial vielen Leuten helfen und sollte eine PR öffnen, um es der README hinzuzufügen.

Danke @madsheep !! du hast mein Leben gerettet !!

Hallo, danke für die moralische Unterstützung und das Gefühl, dass ich nicht der einzige bin, der in diesem Schlamassel gelandet ist. Leider bin ich jedoch wieder zu Pre-Step 0 zurückgekehrt und verliere unterwegs Haare.

Wenn ich versuche, die Benachrichtigung über die Methode http/post zu senden, erhalte ich Fehlermeldungen von der Firebase-API, dass der Json ungültig ist. Ich habe beide Wege probiert:

Das erhalte ich, wenn ich das Symbol als message: { notification: { icon: 'notification_icon', ... }, ... }

Error code=400, message=Invalid JSON payload received. Unknown name "icon" at 'message.notification': Cannot find field., status=INVALID_ARGUMENT, details=[@type=type.googleapis.com/google.rpc.BadRequest, fieldViolations=[field=message.notification, description=Invalid JSON payload received. Unknown name "icon" at 'message.notification': Cannot find field.]]

Dies ist die Meldung, die ich erhalte, wenn ich das Symbol als message: { android: { icon: 'notification_icon' }, ... }

Error code=400, message=Invalid JSON payload received. Unknown name "icon" at 'message.android': Cannot find field., status=INVALID_ARGUMENT, details=[@type=type.googleapis.com/google.rpc.BadRequest, fieldViolations=[field=message.android, description=Invalid JSON payload received. Unknown name "icon" at 'message.android': Cannot find field.]]

aber vielleicht verwende ich dies im falschen Kontext (unser Back-End-Cloud-Code sendet eine Benachrichtigung an Client-Apps über Firebase Cloud Messaging).

das hat bei mir gut funktioniert (ich sende Benachrichtigungen mit Firebase-Funktionen):
const payload = { notification: { title: ........, body: ........., icon: 'notification_icon' } };

Danke, das führt bei mir zum ersten der beiden Fehler. Ich verwende den REST-Dienst über eine Javascript-/Anfragebibliothek und sende gemäß dem Format https://firebase.google.com/docs/cloud-messaging/js/first-message . Ich nehme an, das Nachrichten-/Benachrichtigungsformat ist in https://firebase.google.com/docs/reference/fcm/rest/v1/projects.messages#Notification beschrieben .

Wenn ich dies lese, deutet dies sogar darauf hin, dass sich das Symbol in message.android.notification.icon , dh eine Ebene tiefer.

Ich habe es gerade versucht, und das funktioniert tatsächlich für mich! Ich nehme an, es hängt vom Serverprotokoll ab, wie die Nutzlast strukturiert sein soll ...

Danke an alle für diese Diskussion. Es hat endlich dazu geführt, dass ich aufgehört habe, mir die Haare auszureißen...

schließen wie gelöst

@madsheep Es funktioniert nicht. Nach dem Hinzufügen von 'Symbol' unter Benachrichtigung in der Cloud-Funktion wird folgender Fehler ausgegeben:

{ Error: Invalid JSON payload received. Unknown name "icon" at 'message.notification': Cannot find field

FehlerInfo:
{ Code: 'Nachricht/ungültiges-Argument',
Nachricht: 'Ungültige JSON-Nutzlast empfangen. Unbekannter Name "Symbol" bei 'message.notification': Feld kann nicht gefunden werden.' },
codePrefix: 'messaging' }

Versuchen Sie es mit message.android.notification.icon anstelle von message.notification.icon .

@madsheep @guilhermehtk Bei mir hat es funktioniert! Vielen Dank.

Bitte testen Sie, ob dieser dem config.xml <platform name="android"> Tag hinzugefügte Code das Symbol als Standard-Benachrichtigungssymbol hinzufügt.

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

Dies funktioniert für mich beim Senden über das Firebase Cloud Messaging-Panel oder das Back-End ohne Symbol in der Nutzlast.
Bitte posten Sie hier das Feedback.
Wenn es funktioniert, wird Ihr diesem Code hinzugefügtes Tutorial vielen Leuten helfen und sollte eine PR öffnen, um es der README hinzuzufügen.

Du hast gerade meinen Tag gemacht,

Wenn jemand ein Problem beim Build hat, wie?

AAPT: Fehler: ungebundenes Präfix.

dann versuche The . hinzuzufügen

xmlns:android= " http://schemas.android.com/apk/res/android "

Attribut sollte der Wurzel hinzugefügt werdenTag in der config.xml

du hast meinen Tag gerettet!

Für jeden, der 2019 mit diesem Problem mit Android Build 7.1.1 konfrontiert ist, hat sich der Ressourcenordner anscheinend geändert !!

Bei der Überprüfung von Android Studio und den generierten Dateien hat Folgendes für mich funktioniert:

<resource-file src="resources/android/notification/notification_icon.png" target="app/src/main/res/drawable/notification_icon.png" />
<config-file parent="/manifest/application/" target="app/src/main/AndroidManifest.xml">
            <meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@drawable/notification_icon" />
</config-file>

Die 1. Zeile ist der wichtige Teil, da das für mich falsch war.

@alarv Das Symbol wird für einige Android-Telefone nicht

Hey @bioyeneye welche Modelle? Welche Android-Version läuft auf ihnen? Lager oder sonstiges?

@bioyeneye Ich habe eine andere Lösung für Ionic 4, damit die Symbole auf allen Android-Geräten funktionieren.
Ich verwende kein PNG für das Symbol, sondern XML. Ich verwende einen Hook, um dies in die folgenden Verzeichnisse aufzunehmen:

'res/drawable-hdpi',
'res/drawable-mdpi',
'res/drawable-xhdpi',
'res/drawable-xxhdpi',
'res/drawable-xxxhdpi',
'res/mipmap-hdpi',
'res/mipmap-mdpi',
'res/mipmap-xhdpi',
'res/mipmap-xxhdpi',
'res/mipmap-xxxhdpi'

Erstellen Sie ein Dateibeispiel:
android_notification_resources.js

Fügen Sie in dieser neuen Hook-Datei Folgendes hinzu:

// START
const fs = erfordern("fs");
const path = require("Pfad");
const Q = erfordern("q");

var sourceDir = 'resources/android/notification_icon'; // hier ist dein Icon
var platformDir = 'platforms/android/app/src/main/';
var resourceDirs = [
'res/drawable-hdpi',
'res/drawable-mdpi',
'res/drawable-xhdpi',
'res/drawable-xxhdpi',
'res/drawable-xxxhdpi',
'res/mipmap-hdpi',
'res/mipmap-mdpi',
'res/mipmap-xhdpi',
'res/mipmap-xxhdpi',
'res/mipmap-xxxhdpi'
];

module.exports = function(ctx) {

if (ctx.opts.platforms.indexOf('android') < 0) {
Rückkehr;
}

var verzögert = Q.defer();
var androidPlatformDir = path.join(ctx.opts.projectRoot, platformDir);
var customResourcesDir = path.join(ctx.opts.projectRoot, sourceDir);

Funktion kopieren (src, dest) {
var verzögert = Q.defer();

fs.stat(src, function(err, stats) {
  if (err || !stats.isFile()) {
    return deferred.reject(err);
  }

  fs.stat(path.dirname(dest), function(err, stats) {
    if (err || !stats.isDirectory()) {
      return deferred.reject(err);
    }

    var rs = fs.createReadStream(src);

    rs.on('error', function(err) {
      console.error(err.stack);
      deferred.reject(err);
    });

    var ws = fs.createWriteStream(dest);

    ws.on('error', function(err) {
      console.error(err.stack);
      deferred.reject(err);
    });

    ws.on('close', function() {
      deferred.resolve();
    });

    rs.pipe(ws);
  });
});

return deferred.promise;

}

fs.stat(customResourcesDir, function(err, stats) {
if (err || !stats.isDirectory()) {
zurückgeben zurückgestellt.resolve();
}

fs.readdir(customResourcesDir, function(err, files) {
  var copies = [];

  for (var i in files) {
    for (var j in resourceDirs) {
      var filePath = path.join(ctx.opts.projectRoot, sourceDir, files[i]);
      var destPath = path.join(androidPlatformDir, resourceDirs[j], files[i]);

      copies.push([filePath, destPath]);
    }
  }

  copies.map(function(args) {
    return copy.apply(copy, args);
  });

  Q.all(copies).then(function(r) {
    deferred.resolve();
  }, function(err) {
    console.error(err.stack);
    deferred.reject(err);
  });
});

});

zurückgestellt.Versprechen zurückgeben;
}
// ENDE

Fügen Sie in Ihrer config.xml diese Zeile hinzu, um Ihren Hook einzuschließen:

Der Hook kopiert Ihr Symbol aus Ihrem Ressourcenordner und fügt es in verschiedene Drawables-Ordner hinzu. Ich habe dies getan, um sicherzustellen, dass es für alle Geräte funktioniert. So weit, ist es gut.

Lass mich wissen, ob es bei dir funktioniert hat! Beifall

@RobinGiel Danke, ich verwende ionic 3, wird das funktionieren?

Hallo @Flucadetena
Android 9
Cordova-Plattformen: Android 7.1.1

@bioyeneye Ich verwende auch ionic 3. Ich prüfe alles und melde mich. ;)

@bioyeneye Ja, das wird es, Sie müssen ein paar Zeilen vom Hook ändern.

var sourceDir = 'resources/android/notification_icon';
var platformDir = 'Plattformen/Android';

und vielleicht statt const Q = require("q"); Entfernen Sie diese Zeile und verwenden Sie sie hier. Beispiel:

module.exports = function(ctx) {

if (ctx.opts.platforms.indexOf('android') < 0) {
Rückkehr;
}

var Q = ctx.requireCordovaModule('q'); // benutze es hier
var verzögert = Q.defer();
var androidPlatformDir = path.join(ctx.opts.projectRoot, platformDir);
var customResourcesDir = path.join(ctx.opts.projectRoot, sourceDir);

Fügen Sie die config.xml hinzu, die denselben Hook vor_build und before_run aufruft:

<hook type="before_run"         src="hooks/android_notification_resources.js" />
<hook type="before_build"       src="hooks/android_notification_resources.js" />

Bitte testen Sie, ob dieser dem config.xml <platform name="android"> Tag hinzugefügte Code das Symbol als Standard-Benachrichtigungssymbol hinzufügt.

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

Dies funktioniert für mich beim Senden über das Firebase Cloud Messaging-Panel oder das Back-End ohne Symbol in der Nutzlast.
Bitte posten Sie hier das Feedback.
Wenn es funktioniert, wird Ihr diesem Code hinzugefügtes Tutorial vielen Leuten helfen und sollte eine PR öffnen, um es der README hinzuzufügen.

Du hast gerade meinen Tag gemacht,

Wenn jemand ein Problem beim Build hat, wie?

AAPT: Fehler: ungebundenes Präfix.

dann versuche The . hinzuzufügen

xmlns:android= " http://schemas.android.com/apk/res/android "

Das Attribut sollte dem Root-Tag in der config.xml hinzugefügt werden

Das hier funktioniert für mich, aber das Symbol scheint unglaublich klein zu sein. Was ist die richtige Größe der Datei, die wir verwenden sollten?

Bearbeiten: Ich habe 256 x 256 hinzugefügt, zeigt jedoch immer noch einen kleinen Punkt in der Statusleiste an. Wenn Sie die Statusleiste nach unten ziehen, wird eine etwas größere angezeigt

ES IST

Du bist mein Lebensretter!! Danke schön!!!
Anmerkungen:
Ich füge Farbe hinzu: '#e50012' im Benachrichtigungsbereich, um die Farbe des Symbols zu ändern. (ändern Sie es in Ihre Farbe).
Ex:
{
"name": "my_notification",
"Benachrichtigung": {
"body": "Benachrichtigungsstelle",
"title": "Titel der Benachrichtigung",
"Farbe": "#e50012"
},
"Daten":{ ... }
}