Push Notifications with RealmDB (MongoDB) and react-native-push-notification

Question

I am using Realm for an already quite elaborate application and I want to finish it by adding push notifications. I have already installed react-native-push-notification and make it works with FCM (Firebase Cloud Messaging).

On the client side, I do receive test notifications from Firebase.

I then configured the push notifications in the Realm console by adding the Sender Id and the API Key.

The problem is that when I send a notification from Realm it ends up in "sent", but absolutely nothing happens, no logs in the Realm console, nothing on the Firebase side and nothing on the client side.

The documentation on push notifications for Realm is really limited and I can't quite figure out what to do. The documentation is mainly directed for IOS and Android.

That's my code in index.js:

import PushNotificationIOS from '@react-native-community/push-notification-ios';
import PushNotification from 'react-native-push-notification';

PushNotification.configure({
  onRegister: function (token) {
    console.log('TOKEN:', token);
  },
  onNotification: function (notification) {
    console.log('NOTIFICATION:', notification);
    notification.finish(PushNotificationIOS.FetchResult.NoData);
  },

  onAction: function (notification) {
    console.log('ACTION:', notification.action);
    console.log('NOTIFICATION:', notification);
  },

  onRegistrationError: function (err) {
    console.error(err.message, err);
  },
  permissions: {
    alert: true,
    badge: true,
    sound: true,
  },
  popInitialNotification: true,
  requestPermissions: true,
});

PushNotification.createChannel(
  {
    channelId: 'fcm_fallback_notification_channel',
    channelName: 'FCM CHANNEL',
    channelDescription: 'Description test',
  },
  created => console.log(`CreateChannel returned '${created}'`),
);

PushNotification.localNotification({
  channelId: 'fcm_fallback_notification_channel',
  vibrate: true,
  vibration: 300,
  playSound: true,
  soundName: 'default',
});

Does anyone know of a tutorial or something that could give me some additional information?

Answer 1

So to make it work, you'll have to add this line in index.js:

PushNotification.subscribeToTopic('topic-id-in-realm-console');

And use the same topic id in Realm console:

It ends up with something like this (index.js):

import PushNotificationIOS from '@react-native-community/push-notification-ios';
import PushNotification from 'react-native-push-notification';

PushNotification.configure({
  onRegister: function (token) {
    console.log('TOKEN:', token);
  },

  onNotification: function (notification) {
    console.log('NOTIFICATION:', notification);
    notification.finish(PushNotificationIOS.FetchResult.NoData);
  },

  onAction: function (notification) {
    console.log('ACTION:', notification.action);
    console.log('NOTIFICATION:', notification);
  },

  onRegistrationError: function (err) {
    console.error(err.message, err);
  },

  permissions: {
    alert: true,
    badge: true,
    sound: true,
  },
  popInitialNotification: true,
  requestPermissions: true,
});

PushNotification.subscribeToTopic('topic-id-in-realm-console');// <== HERE

On client: