Skip to content

R
react-native-fcm
Commit 468f7bcb authored by Libin Lu's avatar Libin Lu
Browse files
Options

local notification running

parent 62521382
Show whitespace changes
Inline Side-by-side
Showing with 126 additions and 156 deletions
Examples/firebase-migration/android/app/build.gradle
View file @ 468f7bcb
apply plugin: "com.android.application"
apply plugin: "com.google.gms.google-services"
import com.android.build.OutputFile
......@@ -84,13 +83,13 @@ def enableSeparateBuildPerCPUArchitecture = false
def enableProguardInReleaseBuilds = false
android {
compileSdkVersion 23
buildToolsVersion "23.0.1"
compileSdkVersion 27
buildToolsVersion "27.0.3"
defaultConfig {
applicationId "com.google.firebase.quickstart.fcm"
minSdkVersion 16
targetSdkVersion 22
targetSdkVersion 26
versionCode 1
versionName "1.0"
ndk {
......@@ -131,12 +130,14 @@ dependencies {
transitive = false
}
compile(project(':react-native-maps')) {
exclude group: 'com.google.android.gms', module: 'play-services-base'
// This resolution make compiler ignoring play-service-base's version requirement in react-native-maps
// so that it only read from react-native-fcm
// you can also lock the version in this gradle file and ignore all module declaration
// or you can use ResolutionStragety
transitive = false
}
implementation "com.google.android.gms:play-services-base:12.0.1"
implementation "com.google.firebase:firebase-core:12.0.1"
implementation "com.google.firebase:firebase-messaging:12.0.1"
implementation "com.google.android.gms:play-services-maps:12.0.1"
implementation 'me.leolin:ShortcutBadger:1.1.21@aar'
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.facebook.react:react-native:+" // From node_modules
}
......@@ -147,3 +148,5 @@ task copyDownloadableDepsToLibs(type: Copy) {
from configurations.compile
into 'libs'
}
apply plugin: 'com.google.gms.google-services'
Examples/firebase-migration/android/app/src/main/AndroidManifest.xml
View file @ 468f7bcb
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.google.firebase.quickstart.fcm"
android:versionCode="1"
android:versionName="1.0">
package="com.google.firebase.quickstart.fcm">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
......@@ -9,10 +7,6 @@
<uses-permission android:name="android.permission.VIBRATE"/>
<uses-permission android:name="android.permission.WAKE_LOCK" />
<uses-sdk
android:minSdkVersion="16"
android:targetSdkVersion="22" />
<application
android:name=".MainApplication"
android:allowBackup="true"
......@@ -20,28 +14,28 @@
android:icon="@mipmap/ic_launcher"
android:theme="@style/AppTheme">
<receiver android:name="com.evollu.react.fcm.FIRLocalMessagingPublisher"/>
<receiver android:enabled="true" android:exported="true" android:name="com.evollu.react.fcm.FIRSystemBootEventReceiver">
<service android:name="io.invertase.firebase.messaging.RNFirebaseMessagingService">
<intent-filter>
<action android:name="android.intent.action.BOOT_COMPLETED"/>
<action android:name="android.intent.action.QUICKBOOT_POWERON"/>
<action android:name="com.htc.intent.action.QUICKBOOT_POWERON"/>
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</receiver>
<service android:name="com.evollu.react.fcm.MessagingService">
<intent-filter>
<action android:name="com.google.firebase.MESSAGING_EVENT"/>
<action android:name="com.google.firebase.MESSAGING_EVENT" />
</intent-filter>
</service>
<service android:name="com.evollu.react.fcm.InstanceIdService" android:exported="false">
<service android:name="io.invertase.firebase.messaging.RNFirebaseInstanceIdService">
<intent-filter>
<action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
</intent-filter>
</service>
<service android:name="io.invertase.firebase.messaging.RNFirebaseBackgroundMessagingService" />
<receiver android:name="io.invertase.firebase.notifications.RNFirebaseNotificationReceiver"/>
<receiver android:enabled="true" android:exported="true" android:name="io.invertase.firebase.notifications.RNFirebaseNotificationsRebootReceiver">
<intent-filter>
<action android:name="android.intent.action.BOOT_COMPLETED"/>
<action android:name="android.intent.action.QUICKBOOT_POWERON"/>
<action android:name="com.htc.intent.action.QUICKBOOT_POWERON"/>
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</receiver>
<activity
android:name=".MainActivity"
android:label="@string/app_name"
......@@ -53,13 +47,17 @@
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<action android:name="fcm.ACTION.HELLO" />
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
<meta-data
android:name="com.google.firebase.messaging.default_notification_icon"
android:resource="@mipmap/ic_notif" />
<meta-data
android:name="com.google.firebase.messaging.default_notification_channel_id"
android:value="test-channel"/>
</application>
</manifest>
Examples/firebase-migration/android/app/src/main/java/com/google/firebase/quickstart/fcm/MainApplication.java
View file @ 468f7bcb
......@@ -5,6 +5,9 @@ import android.util.Log;
import com.facebook.react.ReactApplication;
import io.invertase.firebase.RNFirebasePackage;
import io.invertase.firebase.messaging.RNFirebaseMessagingPackage;
import io.invertase.firebase.notifications.RNFirebaseNotificationsPackage;
import com.airbnb.android.react.maps.MapsPackage;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
......@@ -27,7 +30,9 @@ public class MainApplication extends Application implements ReactApplication {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNFirebasePackage(),
new MapsPackage()
new MapsPackage(),
new RNFirebaseNotificationsPackage(),
new RNFirebaseMessagingPackage()
);
}
};
......
Examples/firebase-migration/android/build.gradle
View file @ 468f7bcb
......@@ -3,10 +3,11 @@
buildscript {
repositories {
jcenter()
google()
}
dependencies {
classpath 'com.android.tools.build:gradle:2.2.3'
classpath 'com.google.gms:google-services:3.0.0'
classpath 'com.android.tools.build:gradle:3.1.1'
classpath 'com.google.gms:google-services:3.1.2'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
......@@ -21,5 +22,6 @@ allprojects {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
}
google()
}
}
Examples/firebase-migration/android/gradle/wrapper/gradle-wrapper.properties
View file @ 468f7bcb
#Fri Jan 06 16:34:59 EST 2017
#Sun Apr 15 21:46:36 EDT 2018
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
Examples/firebase-migration/app/App.js
View file @ 468f7bcb
......@@ -19,11 +19,9 @@ import { StackNavigator } from 'react-navigation';
import firebase from 'react-native-firebase';
import {registerKilledListener, registerAppListener} from "./Listeners";
import {registerAppListener} from "./Listeners";
import firebaseClient from "./FirebaseClient";
registerKilledListener();
class MainPage extends Component {
constructor(props) {
super(props);
......@@ -35,6 +33,13 @@ class MainPage extends Component {
}
async componentDidMount(){
// Build a channel
const channel = new firebase.notifications.Android.Channel('test-channel', 'Test Channel', firebase.notifications.Android.Importance.Max)
.setDescription('My apps test channel');
// Create the channel
firebase.notifications().android.createChannel(channel);
registerAppListener(this.props.navigation);
firebase.notifications().getInitialNotification()
.then((notificationOpen: NotificationOpen) => {
......@@ -55,7 +60,7 @@ class MainPage extends Component {
if (!await firebase.messaging().hasPermission()) {
try {
await firebase.messaging().requestPermission();
} catch {
} catch(e) {
alert("Failed to grant permission")
}
}
......@@ -70,70 +75,54 @@ class MainPage extends Component {
firebase.messaging().unsubscribeFromTopic('sometopic');
}
componentWillMount(){
componentWillUnmount(){
this.onTokenRefreshListener();
this.notificationOpenedListener();
this.messageListener();
}
showLocalNotification() {
if(Platform.OS === 'ios'){
const notification = new firebase.notifications.Notification()
.setNotificationId(new Date().valueOf().toString())
let notification = new firebase.notifications.Notification();
notification = notification.setNotificationId(new Date().valueOf().toString())
.setTitle( "Test Notification with action")
.setBody("Force touch to reply")
.setSound("bell.mp3")
.setCategory()
.setBadge(10)
.setData({
key1: 'value1',
key2: 'value2',
});
}
FCM.presentLocalNotification({
id: new Date().valueOf().toString(), // (optional for instant notification)
title: "Test Notification with action", // as FCM payload
body: "Force touch to reply", // as FCM payload (required)
sound: "bell.mp3", // "default" or filename
priority: "high", // as FCM payload
click_action: "com.myapp.MyCategory", // as FCM payload - this is used as category identifier on iOS.
badge: 10, // as FCM payload IOS only, set 0 to clear badges
number: 10, // Android only
ticker: "My Notification Ticker", // Android only
auto_cancel: true, // Android only (default true)
large_icon: "https://image.freepik.com/free-icon/small-boy-cartoon_318-38077.jpg", // Android only
icon: "ic_launcher", // as FCM payload, you can relace this with custom icon you put in mipmap
big_text: "Show when notification is expanded", // Android only
sub_text: "This is a subText", // Android only
color: "red", // Android only
vibrate: 300, // Android only default: 300, no vibration if you pass 0
wake_screen: true, // Android only, wake up screen when notification arrives
group: "group", // Android only
picture: "https://google.png", // Android only bigPicture style
ongoing: true, // Android only
my_custom_data:'my_custom_field_value', // extra data you want to throw
lights: true, // Android only, LED blinking (default false)
show_in_foreground: true // notification when app is in foreground (local & remote)
key2: 'value2'
});
notification.ios.badge = 10
notification.android.setAutoCancel(true);
notification.android.setBigPicture("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png", "https://image.freepik.com/free-icon/small-boy-cartoon_318-38077.jpg", "content title", "summary text")
notification.android.setColor("red")
notification.android.setColorized(true)
notification.android.setOngoing(true)
notification.android.setPriority(firebase.notifications.Android.Priority.High)
notification.android.setSmallIcon("ic_launcher")
notification.android.setVibrate([300])
notification.android.addAction(new firebase.notifications.Android.Action("view", "ic_launcher", "VIEW"))
notification.android.addAction(new firebase.notifications.Android.Action("dismiss", "ic_launcher", "DISMISS"))
notification.android.setChannelId("test-channel")
firebase.notifications().displayNotification(notification)
}
scheduleLocalNotification() {
FCM.scheduleLocalNotification({
id: 'testnotif',
fire_date: new Date().getTime()+5000,
vibrate: 500,
title: 'Hello',
body: 'Test Scheduled Notification',
sub_text: 'sub text',
priority: "high",
large_icon: "https://image.freepik.com/free-icon/small-boy-cartoon_318-38077.jpg",
show_in_foreground: true,
picture: 'https://firebase.google.com/_static/af7ae4b3fc/images/firebase/lockup.png',
wake_screen: true,
extra1: {a: 1},
extra2: 1
let notification = new firebase.notifications.Notification();
notification = notification.setNotificationId(new Date().valueOf().toString())
.setTitle( "Test Notification with action")
.setBody("Force touch to reply")
.setSound("bell.mp3")
.setData({
key1: 'value1',
key2: 'value2'
});
notification.android.setChannelId("test-channel")
notification.android.setPriority(firebase.notifications.Android.Priority.High)
notification.android.setSmallIcon("ic_launcher")
firebase.notifications().scheduleNotification(notification, { fireDate: new Date().getTime() + 5000 })
}
sendRemoteNotification(token) {
......@@ -146,10 +135,7 @@ class MainPage extends Component {
"custom_notification": {
"title": "Simple FCM Client",
"body": "Click me to go to detail",
"sound": "default",
"priority": "high",
"show_in_foreground": true,
targetScreen: 'detail'
data: {targetScreen: 'detail'}
}
},
"priority": 10
......@@ -172,37 +158,6 @@ class MainPage extends Component {
firebaseClient.send(JSON.stringify(body), "notification");
}
sendRemoteData(token) {
let body = {
"to": token,
"data":{
"title": "Simple FCM Client",
"body": "This is a notification with only DATA.",
"sound": "default"
},
"priority": "normal"
}
firebaseClient.send(JSON.stringify(body), "data");
}
showLocalNotificationWithAction() {
// FCM.presentLocalNotification({
// title: 'Test Notification with action',
// body: 'Force touch to reply',
// priority: "high",
// show_in_foreground: true,
// click_action: "com.myidentifi.fcm.text", // for ios
// android_actions: JSON.stringify([{
// id: "view",
// title: 'view'
// },{
// id: "dismiss",
// title: 'dismiss'
// }]) // for android, take syntax similar to ios's. only buttons are supported
// });
}
render() {
let { token, tokenCopyFeedback } = this.state;
......@@ -225,18 +180,10 @@ class MainPage extends Component {
<Text style={styles.buttonText}>Send Remote Notification</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.sendRemoteData(token)} style={styles.button}>
<Text style={styles.buttonText}>Send Remote Data</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.showLocalNotification()} style={styles.button}>
<Text style={styles.buttonText}>Show Local Notification</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.showLocalNotificationWithAction(token)} style={styles.button}>
<Text style={styles.buttonText}>Show Local Notification with Action</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.scheduleLocalNotification()} style={styles.button}>
<Text style={styles.buttonText}>Schedule Notification in 5s</Text>
</TouchableOpacity>
......@@ -245,7 +192,7 @@ class MainPage extends Component {
Init notif:
</Text>
<Text>
{JSON.stringify(this.state.initNotif)}
{JSON.stringify(this.state.initNotif && this.state.initNotif.data)}
</Text>
<Text style={styles.instructions}>
......
Examples/firebase-migration/app/Listeners.js
View file @ 468f7bcb
......@@ -16,16 +16,19 @@ export function registerKilledListener(message: RemoteMessage){
// these callback will be triggered only when app is foreground or background
export function registerAppListener(navigation){
this.notificationListener = firebase.notifications().onNotification(notification => {
firebase.notifications().displayNotification(notification);
})
this.notificationOpenedListener = firebase.notifications().onNotificationOpened((notificationOpen: NotificationOpen) => {
const notif: Notification = notificationOpen.notification;
if(notif.targetScreen === 'detail'){
if(notif.data.targetScreen === 'detail'){
setTimeout(()=>{
navigation.navigate('Detail')
}, 500)
}
setTimeout(()=>{
alert(`User tapped notification\n${JSON.stringify(notif)}`)
alert(`User tapped notification\n${notif.notificationId}`)
}, 500)
});
......@@ -34,7 +37,16 @@ export function registerAppListener(navigation){
});
this.messageListener = firebase.messaging().onMessage((message: RemoteMessage) => {
// Process your message as required
if(message.data && message.data.custom_notification){
let notification = new firebase.notifications.Notification();
notification = notification.setNotificationId(new Date().valueOf().toString())
.setTitle(message.title)
.setBody(message.body)
.setData(message.data)
.setSound("bell.mp3")
notification.android.setChannelId("test-channel")
firebase.notifications().displayNotification(notification);
}
});
}
......
Examples/firebase-migration/index.android.js
View file @ 468f7bcb
......@@ -5,6 +5,8 @@
*/
import React, { Component } from 'react';
import {registerKilledListener} from './app/Listeners';
import {
AppRegistry,
StyleSheet,
......@@ -21,3 +23,5 @@ export default class SimpleFcmClient extends Component {
}
AppRegistry.registerComponent('SimpleFcmClient', () => SimpleFcmClient);
AppRegistry.registerHeadlessTask('RNFirebaseBackgroundMessage', () => registerKilledListener);
Examples/firebase-migration/index.ios.js
View file @ 468f7bcb
......@@ -5,7 +5,6 @@
*/
import React, { Component } from 'react';
import {registerKilledListener} from './app/Listeners';
import {
AppRegistry,
......@@ -23,5 +22,3 @@ export default class SimpleFcmClient extends Component {
}
AppRegistry.registerComponent('SimpleFcmClient', () => SimpleFcmClient);
\ No newline at end of file
AppRegistry.registerHeadlessTask('RNFirebaseBackgroundMessage', () => registerKilledListener);
\ No newline at end of file
Examples/firebase-migration/ios/SimpleFcmClient/AppDelegate.m
View file @ 468f7bcb
......@@ -12,6 +12,7 @@
#import <React/RCTBundleURLProvider.h>
#import "RCTRootView.h"
#import <Firebase.h>
#import "RNFirebaseNotifications.h"
#import "RNFirebaseMessaging.h"
......@@ -19,6 +20,7 @@
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
[FIRApp configure];
NSURL *jsCodeLocation;
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment