Cordova-plugin-firebase: プッシュ通知アイコンの変更-2018年の空白のAndroidアイコンの問題

このコードをconfig.xml <platform name="android">タグに追加すると、デフォルトの通知アイコンとしてアイコンが追加されるかどうかをテストしてください。

<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>

これは、Firebase CloudMessagingパネルまたはペイロードにアイコンがないバックエンドで送信する場合に機能します。
ここにフィードバックを投稿してください。
それが機能する場合、このコードに追加されたチュートリアルは多くの人々を助け、それをREADMEに追加するためにPRを開く必要があります。

ありがとう@madsheep !! あなたは私の命を救いました ！！

こんにちは、道徳的なサポートに感謝し、この混乱に終わったのは私だけではないという気持ちを私に与えてくれました。 しかし、残念ながら、私は前のステップ0に引き戻され、途中で髪を失いました。

http / postメソッドを使用して通知を送信しようとすると、FirebaseAPIからjsonが無効であるというエラーが表示されます。 私は両方の方法を試しました：

これは、アイコンを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.]]

これは、アイコンを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.]]

ただし、これを間違ったコンテキストで使用している可能性があります（Firebaseクラウドメッセージングを使用してクライアントアプリに通知を送信するバックエンドクラウドコード）。

これは私にとってはうまくいきました（Firebase関数を使用して通知を送信します）：
const payload = { notification: { title: ........, body: ........., icon: 'notification_icon' } };

おかげで、それは私にとって2つのエラーの最初の結果になります。 JavaScript /リクエストライブラリを介してRESTサービスを使用しており、 https：//firebase.google.com/docs/cloud-messaging/js/first-messageの形式で送信していhttps://firebase.google.com/docs/reference/fcm/rest/v1/projects.messages#Notificationで説明されていると思い

実際、これを読んだとき、これはアイコンがmessage.android.notification.icon 、つまり1レベル深いはずであることを示唆しています。

私はちょうど試しました、そしてこれは実際に私のために働きます！ したがって、ペイロードをどのように構成するかは、serverprotocolに依存すると思います...

皆さん、この議論に感謝します。 ついに髪の毛を抜くのをやめました...

解決されたとおりに閉じる

@madsheep動作していません。 クラウド機能の通知の下に「アイコン」を追加すると、次のエラーが発生します。

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

errorInfo：
{コード： 'メッセージング/無効な引数'、
メッセージ： '無効なJSONペイロードを受信しました。 'message.notification'の不明な名前 "icon"：フィールドが見つかりません。 }、
codePrefix： 'メッセージ'}

してみてくださいmessage.android.notification.iconの代わりにmessage.notification.icon 。

@madsheep @guilhermehtkそれは私のために働いた！ どうも。

このコードをconfig.xml <platform name="android">タグに追加すると、デフォルトの通知アイコンとしてアイコンが追加されるかどうかをテストしてください。

<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>

これは、Firebase CloudMessagingパネルまたはペイロードにアイコンがないバックエンドで送信する場合に機能します。
ここにフィードバックを投稿してください。
それが機能する場合、このコードに追加されたチュートリアルは多くの人々を助け、それをREADMEに追加するためにPRを開く必要があります。

あなたはちょうど私の日を作りました、

ビルドで問題が発生した場合

AAPT：エラー：バインドされていないプレフィックス。

次に、を追加してみてください

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

属性をルートに追加する必要がありますconfig.xml内のタグ

あなたは私の日を救った！

2019年にAndroidビルド7.1.1でこの問題に直面している人にとっては、リソースフォルダーが変更されたようです!!

Android Studioと生成されたファイルを確認すると、次のようになります。

<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>

1行目は私にとって間違っていたので重要な部分です。

@alarv一部のAndroidスマートフォンではアイコンが表示されません。ヘルプが必要な場合は、こちらをご覧ください。

ねえ@bioyeneyeどのモデル？ 彼らはどのバージョンのAndroidを実行していますか？ 在庫か他か？

@bioyeneyeすべてのAndroidデバイスでアイコンを機能させるための
アイコンにpngではなくXMLを使用しています。 私はこれを次のdirsに含めるためにフックを使用しています：

'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'

ファイルの例を作成します。
android_notification_resources.js

この新しいフックファイルに次を追加します。

// 始める
const fs = require（ "fs"）;
const path = require（ "path"）;
const Q = require（ "q"）;

var sourceDir = 'resources / android / notify_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）{
戻る;
}

var deferred = Q.defer（）;
var androidPlatformDir = path.join（ctx.opts.projectRoot、platformDir）;
var customResourcesDir = path.join（ctx.opts.projectRoot、sourceDir）;

関数copy（src、dest）{
var deferred = 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（））{
deferred.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);
  });
});

}）;

deferred.promiseを返します。
}
// 終わり

config.xmlに次の行を追加して、フックを含めます。

フックが行うことは、リソースフォルダーからアイコンをコピーし、それを別のドローアブルフォルダーに追加することです。 これは、すべてのデバイスで機能することを確認するために行いました。 ここまでは順調ですね。

それがあなたのために働いたかどうか私に知らせてください！ 乾杯

@RobinGielありがとう、私はionic 3を使用していますが、これは機能しますか？

こんにちは@Flucadetena
Android 9
Cordovaプラットフォーム：android 7.1.1

@bioyeneye私もイオン3を使用しています。 すべてをチェックしてお知らせします。 ;）

@bioyeneyeはい、そうなります。フックから数行を変更する必要があります。

var sourceDir = 'resources / android / notify_icon';
var platformDir = 'platforms / android';

そして多分constQ = require（ "q"）;を使用する代わりにその行を削除して、ここで使用します。例：

module.exports = function（ctx）{

if（ctx.opts.platforms.indexOf（ 'android'）<0）{
戻る;
}

var Q = ctx.requireCordovaModule（ 'q'）; //ここで使用します
var deferred = Q.defer（）;
var androidPlatformDir = path.join（ctx.opts.projectRoot、platformDir）;
var customResourcesDir = path.join（ctx.opts.projectRoot、sourceDir）;

同じフックbefore_buildとbefore_runの例を呼び出すconfig.xmlを追加します。

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

このコードをconfig.xml <platform name="android">タグに追加すると、デフォルトの通知アイコンとしてアイコンが追加されるかどうかをテストしてください。

<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>

これは、Firebase CloudMessagingパネルまたはペイロードにアイコンがないバックエンドで送信する場合に機能します。
ここにフィードバックを投稿してください。
それが機能する場合、このコードに追加されたチュートリアルは多くの人々を助け、それをREADMEに追加するためにPRを開く必要があります。

あなたはちょうど私の日を作りました、

ビルドで問題が発生した場合

AAPT：エラー：バインドされていないプレフィックス。

次に、を追加してみてください

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

config.xml内のルートタグに属性を追加する必要があります

これは私にとってはうまくいきますが、アイコンは信じられないほど小さいようです。使用する必要のあるファイルの適切なサイズはどれくらいですか？

編集：256x256を追加しましたが、ステータスバーに小さな点が表示されます。 ステータスバーを一番下にドラッグすると、少し大きいステータスバーが表示されます

これは

あなたは私の命の恩人です！ ありがとう！！！
ノート：
アイコンの色に変更するために、通知セクションに色を追加します： '＃e50012'（あなたの色に変更してください）。
元：
{{
"名前"： "my_notification"、
"お知らせ"： {
「本体」：「通知本体」、
"タイトル"： "通知タイトル"、
"色"： "＃e50012"
}、
"データ"：{ ... }
}