Not receiving notification when app in background (iOS react-native) - ios

Question

I am implementing react-native-firebase to one of my projects and trying to add notification feature in it. But i am having problem getting notifications. When i send notification using firebase api "https://fcm.googleapis.com/fcm/send", i get notification when the app is in foreground. But when the app is in background and send the notification, i don't get any. But as soon as i open the app, i receive the notification.
I have already copied the googleservice-info.plist file and uploaded the auth key in firebase.
My main js code :
messagaing.hasPermission()
.then((enabled) => {
if (enabled) {
messagaing.getToken()
.then(async token => {
const deviceId = await AsyncStorage.getItem('deviceId');
if (!deviceId) {
this.registerTokenOnServer(token)
} else {
this.setState({
deviceId
})
}
console.log('fcm token', token)
})
.catch(error => { console.log('fcm error', error) })
} else {
messagaing.requestPermission()
.then(() => { console.log('fcm token') })
.catch(() => { console.log('fcm error') })
}
})
.catch(error => {
console.log('fcm error', error)
})
messagaing.onMessage((message) => {
console.log('fcm noti on message data', message)
let notification_to_be_displayed = new firebase.notifications.Notification({
sound: 'default',
show_in_foreground: true,
title: message._data.title,
body: message._data.message,
});
firebase.notifications().displayNotification(notification_to_be_displayed);
firebase.notifications().onNotificationOpened((notificationOpen) => {
const notification = notificationOpen.notification;
console.log('fcm open ', notification)
if (notification.data.obj_type == '1') {
this.props.navigation.navigate('ProductDetailPage', { prodId: notification.data.obj_id, })
} else {
this.props.navigation.navigate('SubCategoryPage', { catId: notification.data.obj_id, catName: 'Categories' })
}
})
});
My AppDelegate.h :
#import <UserNotifications/UserNotifications.h>
#interface AppDelegate : UIResponder <UIApplicationDelegate, UNUserNotificationCenterDelegate>
#property (nonatomic, strong) UIWindow *window;
#end
My AppDelegate.m :
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#if __has_include(<React/RNSentry.h>)
#import <React/RNSentry.h> // This is used for versions of react >= 0.40
#else
#import "RNSentry.h" // This is used for versions of react < 0.40
#endif
#import "RNGoogleSignin.h"
#import <FBSDKCoreKit/FBSDKCoreKit.h>
#import <Firebase.h>
#import "RNFirebaseNotifications.h"
#import "RNFirebaseMessaging.h"
#implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
NSURL *jsCodeLocation;
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:#"index" fallbackResource:nil];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:#"reactenduser"
initialProperties:nil
launchOptions:launchOptions];
[RNSentry installWithRootView:rootView];
rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
// define UNUserNotificationCenter
[FIRApp configure];
[[UNUserNotificationCenter currentNotificationCenter] setDelegate:self];
[RNFirebaseNotifications configure];
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
UIViewController *rootViewController = [UIViewController new];
rootViewController.view = rootView;
self.window.rootViewController = rootViewController;
[self.window makeKeyAndVisible];
[[FBSDKApplicationDelegate sharedInstance] application:application
didFinishLaunchingWithOptions:launchOptions];
return YES;
}
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
return [[FBSDKApplicationDelegate sharedInstance] application:application
openURL:url
sourceApplication:sourceApplication
annotation:annotation
]
|| [RNGoogleSignin application:application
openURL:url
sourceApplication:sourceApplication
annotation:annotation
];
}
- (void)applicationDidBecomeActive:(UIApplication *)application {
[FBSDKAppEvents activateApp];
}
- (void)application:(UIApplication *)application didReceiveLocalNotification:(UILocalNotification *)notification {
[[RNFirebaseNotifications instance] didReceiveLocalNotification:notification];
}
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(nonnull NSDictionary *)userInfo
fetchCompletionHandler:(nonnull void (^)(UIBackgroundFetchResult))completionHandler{
[[RNFirebaseNotifications instance] didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
}
- (void)application:(UIApplication *)application didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings {
[[RNFirebaseMessaging instance] didRegisterUserNotificationSettings:notificationSettings];
}
-(void) userNotificationCenter:(UNUserNotificationCenter *)center didReceiveNotificationResponse:(UNNotificationResponse *)response withCompletionHandler:(void (^)(void))completionHandler {
[[RNFirebaseMessaging instance] didReceiveRemoteNotification:response.notification.request.content.userInfo];
completionHandler();
}
#end
I am not getting any data or error when i send the notification when my app goes to background. Only when it comes in foreground i can see the logs.
Any help would be appreciated. Thank you!

Answer 1

You need to turn on your background capabilities with for remote messages.
check the image
just a note, in my project I have background fetch, I think you can skip it.