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 클라우드 메시징 패널 또는 백엔드로 전송하는 데 효과적입니다.
여기에 피드백을 게시하십시오.
작동한다면 이 코드에 추가된 튜토리얼이 많은 사람들에게 도움이 될 것이며 README에 추가하기 위해 PR을 열어야 합니다.

@madsheep 감사합니다!! 당신은 내 생명을 구했다 !!

안녕하세요. 도덕적 지원에 감사드리며 이 혼란에 빠진 사람은 저 혼자가 아니라는 느낌을 받았습니다. 하지만 안타깝게도 0단계 전으로 되돌아가는 도중에 머리카락이 빠지고 말았습니다.

http/post 메소드를 통해 알림을 보내려고 하면 Firebase API에서 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' } };

덕분에 두 가지 오류 중 첫 번째 오류가 발생했습니다. javascript/request 라이브러리를 통해 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 , 즉, 한 단계 더 깊어야 한다는 것을 암시합니다.

나는 방금 시도했고 이것은 실제로 나를 위해 작동합니다! 그래서 페이로드가 어떻게 구성되어야하는지 serverprotocol에 달려 있다고 가정합니다 ...

토론에 참여해 주셔서 감사합니다. 결국 머리카락 뽑는거 멈췄다...

해결된 대로 종료

@madsheep 작동하지 않습니다. 클라우드 기능의 알림 아래에 '아이콘'을 추가하면 다음 오류가 발생합니다.

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

오류 정보:
{ 코드: '메시지/잘못된 인수',
메시지: '잘못된 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 클라우드 메시징 패널 또는 백엔드로 전송하는 데 효과적입니다.
여기에 피드백을 게시하십시오.
작동한다면 이 코드에 추가된 튜토리얼이 많은 사람들에게 도움이 될 것이며 README에 추가하기 위해 PR을 열어야 합니다.

오늘은 진짜 너 덕분이다,

누군가 빌드에서 문제에 직면하면

AAPT: 오류: 언바운드 접두사.

그런 다음 추가하려고

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

속성을 루트에 추가해야 합니다.config.xml 내부의 태그

당신은 내 하루를 구했다!

2019년 Android 빌드 7.1.1에서 이 문제에 직면한 사람이라면 리소스 폴더가 변경된 것 같습니다!!

Android 스튜디오와 생성된 파일을 확인하면 다음과 같이 나에게 도움이 됩니다.

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

첫 번째 줄은 나에게 잘못되었기 때문에 중요한 부분입니다.

@alarv 일부 Android 휴대전화에서는 아이콘이 표시되지 않습니다. 이에 대한 도움을 부탁드립니다.

@bioyeneye 어떤 모델인가요? 어떤 버전의 Android를 실행하고 있나요? 주식 또는 기타?

@bioyeneye 모든 안드로이드 장치에서 아이콘이 작동하도록 하는 Ionic 4에 대한 또 다른 솔루션이 있습니다.
아이콘에 png가 아니라 XML을 사용하고 있습니다. 다음 디렉토리에 이것을 포함하기 위해 후크를 사용하고 있습니다.

'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 = 요구("fs");
const 경로 = 요구("경로");
const Q = 요구("q");

var sourceDir = '리소스/안드로이드/알림_아이콘'; // 이것은 당신의 아이콘이 있는 곳입니다
var platformDir = '플랫폼/안드로이드/앱/src/메인/';
var 리소스 디렉토리 = [
'해상도/드로어블-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 = 함수(ctx) {

if (ctx.opts.platforms.indexOf('안드로이드') < 0) {
반품;
}

var 지연 = Q.defer();
var androidPlatformDir = path.join(ctx.opts.projectRoot, platformDir);
var customResourcesDir = path.join(ctx.opts.projectRoot, sourceDir);

함수 복사(src, 대상) {
var 지연 = 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, 함수(오류, 통계) {
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
안드로이드 9
코르도바 플랫폼: 안드로이드 7.1.1

@bioyeneye 저도 ionic 3를 사용하고 있습니다. 다 확인해보고 알려드리겠습니다. ;)

@bioyeneye 예, 후크에서 몇 줄을 수정해야 합니다.

var sourceDir = '리소스/안드로이드/알림_아이콘';
var platformDir = '플랫폼/안드로이드';

const Q = require("q"); 해당 줄을 제거하고 여기에 사용하십시오. 예:

module.exports = 함수(ctx) {

if (ctx.opts.platforms.indexOf('안드로이드') < 0) {
반품;
}

var Q = ctx.requireCordovaModule('q'); // 여기서 사용
var 지연 = 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 클라우드 메시징 패널 또는 백엔드로 전송하는 데 효과적입니다.
여기에 피드백을 게시하십시오.
작동한다면 이 코드에 추가된 튜토리얼이 많은 사람들에게 도움이 될 것이며 README에 추가하기 위해 PR을 열어야 합니다.

오늘은 진짜 너 덕분이다,

누군가 빌드에서 문제에 직면하면

AAPT: 오류: 언바운드 접두사.

그런 다음 추가하려고

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

속성은 config.xml 내부의 루트 태그에 추가되어야 합니다.

이것은 나를 위해 작동하지만 아이콘이 엄청나게 작은 것 같습니다. 사용해야 하는 파일의 적절한 크기는 얼마입니까?

편집: 256x256을 추가했지만 여전히 상태 표시줄에 작은 점이 표시됩니다. 상태 표시줄을 아래쪽으로 드래그하면 약간 더 큰 표시줄이 표시됩니다.

그것은

당신은 내 생명의 은인입니다!! 감사합니다!!!
노트:
알림 섹션에 color: '#e50012'를 추가하여 아이콘의 색상으로 변경합니다.(색상이 무엇이든 변경).
전:
{
"이름": "my_notification",
"알림": {
"본문": "통지 본문",
"제목": "알림 제목",
"색상": "#e50012"
},
"데이터":{ ... }
}