react-native-pusher-push-notifications

Manage pusher channel subscriptions from within React Native JS

IMPORTANT!!! This module is intended to complement the default Pusher setup. This module simply allows that implementation to be accessed directly from React Native JS.

Getting started

$ npm install react-native-pusher-push-notifications --save

Mostly automatic installation

$ react-native link react-native-pusher-push-notifications

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-pusher-push-notifications and add RNPusherPushNotifications.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNPusherPushNotifications.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.reactlibrary.RNPusherPushNotificationsPackage; to the imports at the top of the file
• Add new RNPusherPushNotificationsPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-pusher-push-notifications'
   project(':react-native-pusher-push-notifications').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-react-native-pusher-push-notifications/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-pusher-push-notifications')
   

All installations

iOS

1. After package installation open AppDelegate.m and add:

    - (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken {
      [RCTPushNotificationManager didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
      [[[self pusher] nativePusher] registerWithDeviceToken:deviceToken];
      [RNPusherPushNotifications setPusher:_pusher]; // <---- ADD THIS LINE BELOW DEFAULT PUSHER INIT
    }

2. Go to RNPusherPushNotification in your xcode workspace. Add $(SRCROOT)/../../../ios/Pods/Headers/Public/libPusher to header search paths.

Usage

// Import module
import RNPusherPushNotifications from 'react-native-pusher-push-notifications';

// Set your app key
RNPusherPushNotifications.setAppKey(ENV.PUSHER_APP_KEY)

// Get your channel
const channel = "donuts";

// Subscribe to push notifications
if (Platform.OS === 'ios') {
    // iOS callbacks are beta, so dont use them
    RNPusherPushNotifications.subscribe(channel);
} else {
    // Android is better, so handle faults
    RNPusherPushNotifications.subscribe(
        channel,
        (error) => {
            console.error(error);
        },
        (success) => {
            console.log(success);
        }
    );
}

// Unsubscribe from push notifications
if (Platform.OS === 'ios') {
    // iOS callbacks are beta, so dont use them
    RNPusherPushNotifications.unsubscribe(channel);
} else {
    // Android is better, so handle faults
    RNPusherPushNotifications.unsubscribe(
        channel,
        (error) => {
            console.error(error);
        },
        (success) => {
            console.log(success);
        }
    );
}