电容器推送通知在 Android 中不起作用

Question

我已经设置 Ionic/Capacitor 应用程序以按照电容器教程接收推送通知，

我成功完成了所有教程，并且在前台和后台都收到了 FCM 发送的测试通知

我可以成功注册主题我可以收到发送到主题的通知我可以收到发送到令牌的通知（测试模式）

现在我正尝试从不同的设备发送通知，我刚刚创建了两个测试按钮，用于将多播通知发送到令牌数组，另一个按钮将通知发送到给定主题

在这两种情况下，我都会在前台收到通知，但不会在后台收到通知

我认为我用来发送通知的格式有问题，在背景情况下不正确（我可以从 FCM 测试工具接收到这些通知）

客户

const send = functions.httpsCallable('sendPushNotificationToUsers');
const sendToTopic = functions.httpsCallable('sendPushNotificationToTopic');
const sendNotification = useCallback(
  ({
    to,
    title,
    body,
    onClick
  }) => {
    setLoading(true);
    send({
        to,
        title,
        body,
        onClick
      })
      .then(() => setSuccess(true))
      .catch(() => setError(true))
      .finally(() => setLoading(false));
  }, [send],
);
const sendNotificationToTopic = useCallback(
  ({
    topic,
    title,
    body,
    onClick
  }) => {
    setLoading(true);
    sendToTopic({
        topic,
        title,
        body,
        onClick
      })
      .then(() => setSuccess(true))
      .catch(() => setError(true))
      .finally(() => setLoading(false));
  }, [sendToTopic],
);

服务器/功能

exports.sendPushNotificationToUsers = functions.https.onCall(
  (data, context) => {
    if (!context.auth) {
      throw new functions.https.HttpsError(
        'failed-precondition',
        'The function must be called ' + 'while authenticated.',
      );
    }
    db.collection('users_meta')
      .doc(data.to)
      .collection('messagingTokens')
      .get()
      .then(messagingTokens => {
        if (messagingTokens && messagingTokens.size) {
          const to = messagingTokens.docs.map(i => i.data().token);
          console.log(to); // I get to this console log and the tokens are printed correctly in an array
          admin.messaging().sendMulticast({
            title: data.title,
            body: data.body,
            data: {
              title: data.title,
              body: data.body,
              onClick: data.onClick || '',
            },
            tokens: to,
          });
        }
      });
  },
);

exports.sendPushNotificationToTopic = functions.https.onCall(
  (data, context) => {
    if (!context.auth) {
      throw new functions.https.HttpsError(
        'failed-precondition',
        'The function must be called ' + 'while authenticated.',
      );
    }
    admin.messaging().send({
      data: {
        title: data.title,
        body: data.body,
        onClick: data.onClick || '',
      },
      topic: data.topic,
    });
  },
);

通知处理程序

const initNative = useCallback(() => {
  PushNotifications.register();
  PushNotifications.requestPermission().then(result => {
    if (result.granted) {
      // Register with Apple / Google to receive push via APNS/FCM
      PushNotifications.register();
    } else {
      // Show some error
    }
  });
  PushNotifications.addListener(
    'registration',
    (token: PushNotificationToken) => {
      const device = new DeviceUUID().get();
      registerTokenToUser(device, token.value);
      alert('Push registration success, token: ' + token.value);
    },
  );
  PushNotifications.addListener('registrationError', (error: any) => {
    alert('Error on registration: ' + JSON.stringify(error));
  });
  PushNotifications.addListener(
    'pushNotificationReceived',
    (notification: PushNotification) => {
      alert(JSON.stringify(notification));
      // this array fires correctly with the app in foreground, but nothing on the notifications tray with the app in background if sent from my send functions, works correctly if sent from FCM
    },
  );
  // Method called when tapping on a notification
  PushNotifications.addListener(
    'pushNotificationActionPerformed',
    (notification: PushNotificationActionPerformed) => {
      alert(JSON.stringify(notification));
    },
  );
}, [PushNotifications, history, registerTokenToUser]);

有什么建议吗？谢谢

Answer 1

我自己发现了错误，为了通知在后台模式下可见，通知对象需要填充“通知”键，这在我的例子中是缺失的，

正确的发送函数应该是

exports.sendPushNotificationToUsers = functions.https.onCall(
  (data, context) => {
    if (!context.auth) {
      throw new functions.https.HttpsError(
        'failed-precondition',
        'The function must be called ' + 'while authenticated.',
      );
    }
    db.collection('users_meta')
      .doc(data.to)
      .collection('messagingTokens')
      .get()
      .then(messagingTokens => {
        if (messagingTokens && messagingTokens.size) {
          const to = messagingTokens.docs.map(i => i.data().token);
          console.log(to); // I get to this console log and the tokens are printed correctly in an array
          admin.messaging().sendMulticast({
            title: data.title,
            body: data.body,
            notification: {
              title: data.title,
              body: data.body,
            },
            data: {
              title: data.title,
              body: data.body,
              onClick: data.onClick || '',
            },
            tokens: to,
          });
        }
      });
  },
);

exports.sendPushNotificationToTopic = functions.https.onCall(
  (data, context) => {
    if (!context.auth) {
      throw new functions.https.HttpsError(
        'failed-precondition',
        'The function must be called ' + 'while authenticated.',
      );
    }
    admin.messaging().send({
      notification: {
        title: data.title,
        body: data.body,
      },
      data: {
        title: data.title,
        body: data.body,
        onClick: data.onClick || '',
      },
      topic: data.topic,
    });
  },
);

电容器推送通知在 Android 中不起作用

Capacitor Push Notification not working in Android

android

firebase

ionic-framework

firebase-cloud-messaging

capacitor