pushbots-react-native

React Native Library for PushBots Push Notifications Service.

Getting started

npm install pushbots-react-native --save && npm install

Automatic Installation

react-native link pushbots-react-native

Configuration

iOS

Add Required Capabilities

  1. Select the root project and then under Capabilities click to enable "Push Notifications".
  2. Enable "Background Modes" and check "Remote notifications".
    alt text

Adding the Code

  • Open AppDelegate.h Import RCTPushbots:
#import "RCTPushbots.h"
Objc
  • The add PushbotsClient propery below @property (nonatomic, strong) UIWindow *window;
@property (strong, nonatomic) RCTPushbots *PushbotsClient;
Objc
  • Open AppDelegate.m: Add PushBots code to application:didFinishLaunchingWithOptions method (replace APP_ID with your PushBots app ID):
 self.PushbotsClient = [[RCTPushbots alloc] initWithAppId:@"APP_ID" withLaunchOptions:launchOptions];
Objc

Android

Go to android/app/build.gradle app level and add this in default config
Add the following to defaultConfig in build.gradle file inside the android/app folder

defaultConfig {
  manifestPlaceholders = [
    pushbots_app_id: "APP_ID",
    google_sender_id: "SENDER_ID",
    pushbots_loglevel: "DEBUG"
    ]
  }
Gradle

Update buildToolsVersion and compileSdkVersion to 27

android {
    compileSdkVersion 27
    buildToolsVersion "27.0.3"
	....
}
Gradle

Update com.android.support to 27 in dependencies

dependencies {
    ...
    compile "com.android.support:appcompat-v7:27.1.0"
    ..
}
Gradle

Open android/build.gradle, Add google repo to allprojects in maven section

allprojects {
    repositories {
        ...
		maven { url 'https://maven.google.com' }
Gradle

Usage

in your App.js:

import {
  Alert
} from 'react-native';

import Pushbots from 'pushbots-react-native'

Pushbots.registerForRemoteNotifications()

export default class App extends Component<{}> {
	componentWillMount() {
		Pushbots.addEventListener('received', this.onReceived);
		Pushbots.addEventListener('opened', this.onOpened);
	}
	componentWillUnmount() {
		Pushbots.removeEventListener('received', this.onReceived);
		Pushbots.removeEventListener('opened', this.onOpened);	}
	onReceived(notification) {
		Alert.alert( 'Received Notification', JSON.stringify(notification), [ {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')}, {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'}, {text: 'OK', onPress: () => console.log('OK Pressed')}, ], { cancelable: false } )
	}
	onOpened(notification) {
		Alert.alert( 'Opened Notification', JSON.stringify(notification), [ {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')}, {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'}, {text: 'OK', onPress: () => console.log('OK Pressed')}, ], { cancelable: false } )
	}
}
JavaScript

GitHub

pushbots/pushbots-react-native

??

— Read More

Download as zip