React Native 极光推送服务iOS与安卓环境配置

首先cd到项目的跟路径下面添加极光推送的库
npm install jcore-react-native --save 如图

4920F336-0AB9-4AA2-88E0-6A7A5074F4E8.png

在执行 npm install jpush-react-native --save 如图

5C742718-3507-4EF9-9EFD-B55F58583807.png

再去把这些库添加到项目里，执行 react-native link 导入成功

0FAC3292-F320-4439-AAC6-3EC3945ACD90.png

ios 的配置：
在 iOS 工程 target 的 Build Phases->Link Binary with Libraries 中加入如下库：如下图
libz.tbd
CoreTelephony.framework
Security.framework
CFNetwork.framework
CoreFoundation.framework
SystemConfiguration.framework
Foundation.framework
UIKit.framework
UserNotifications.framework
libresolv.tbd

12DEC172-78B8-407D-A1C8-05191CBB0076.png

打开项目中的AppDelegate 文件，引入两个文件名

import

import ，

并且定义三个参数

2D171439-BB81-46D6-8138-F496417671C2.png

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  
  if ([[UIDevice currentDevice].systemVersion floatValue] >= 8.0) {
    
    //可以添加自定义categories
    
    [JPUSHService registerForRemoteNotificationTypes:(UIUserNotificationTypeBadge |
                                                      
                                                      UIUserNotificationTypeSound |
                                                      
                                                      UIUserNotificationTypeAlert)
     
                                          categories:nil];
    
  } else {
    
    //iOS 8以前 categories 必须为nil
    
    [JPUSHService registerForRemoteNotificationTypes:(UIRemoteNotificationTypeBadge |
                                                      
                                                      UIRemoteNotificationTypeSound |
                                                      
                                                      UIRemoteNotificationTypeAlert)
     
                                          categories:nil];
    
  }
  [JPUSHService setupWithOption:launchOptions appKey:appKey
   
                        channel:channel apsForProduction:isProduction];
  
  NSURL *jsCodeLocation;
  
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
  
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"ts"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
  
  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  
  
  
  
  return YES;
}


//添加这个方法，将设备token传给极光的服务器
- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken {
  
  [JPUSHService registerDeviceToken:deviceToken];
  
}
//取得APNS推送过来的消息
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo{
    [[NSNotificationCenter defaultCenter] postNotificationName:kJPFDidReceiveRemoteNotification object:userInfo];
}
添加如下几个方法
- (void)jpushNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification *)notification withCompletionHandler:(void (^)(NSInteger))completionHandler {
  
  // Required
  NSDictionary * userInfo = notification.request.content.userInfo;
  if([notification.request.trigger isKindOfClass:[UNPushNotificationTrigger class]]) {
    [JPUSHService handleRemoteNotification:userInfo];
    [[NSNotificationCenter defaultCenter] postNotificationName:kJPFDidReceiveRemoteNotification object:userInfo];
  }
  
  completionHandler(UNNotificationPresentationOptionAlert); // 需要执行这个方法，选择是否提醒用户，有Badge、Sound、Alert三种类型可以选择设置
  
}


- (void)jpushNotificationCenter:(UNUserNotificationCenter *)center didReceiveNotificationResponse:(UNNotificationResponse *)response withCompletionHandler:(void (^)())completionHandler {
  
  // Required
  
  NSDictionary * userInfo = response.notification.request.content.userInfo;
  if([response.notification.request.trigger isKindOfClass:[UNPushNotificationTrigger class]]) {
    [JPUSHService handleRemoteNotification:userInfo];
    [[NSNotificationCenter defaultCenter] postNotificationName:kJPFDidReceiveRemoteNotification object:userInfo];
  }
  
  completionHandler();// 系统要求执行这个方法
  
}

//iOS 7 Remote Notification

- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler {
  
  [[NSNotificationCenter defaultCenter] postNotificationName:kJPFDidReceiveRemoteNotification object:userInfo];
  
}

代码写完后，配置Info.plist文件
设置ATS权限 App Transport Security Settings的 Allow Arbitrary Loads为YES Exception Domains下的jpush.cn下的NSExceptionAllowsInsecureHTTPLoads为YES 和NSIncludesSubdomains为YES

688C1F21-D227-44B7-959F-1ECB27B0585F.png

打开推送

18C18ACF-4459-43AA-824B-0060E0601D3A.png

打开选择配置证书

092CC34C-EA73-4892-BCD6-5C1E53FE3F82.png

证书的配置

70556BC8-D831-427E-9906-3A8576C90D6A.png

F7DFAAA7-1BE7-449B-A728-3AE4D57DA36A.png

D307753D-1C77-444D-B0EE-CA3A8F37A94C.png

这里就配置完ios的配置了
然后看下代码的实现

0B8024FA-4A14-4241-B882-FE518F9D3290.png

这样就可以推送了。

安卓的配置

94CF55BE-E0A9-4824-A112-D38D87E80911.png

include ':jpush-react-native',':jcore-react-native'
project(':jpush-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jpush-react-native/android')
project(':jcore-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jcore-react-native/android')

Pasted Graphic.png

打开app文件下的build.gradle
manifestPlaceholders=[ JPUSH_APPKEY: "946df2fa1542693f71161217”,//自己的申请的key APP_CHANNEL: "应用宝" //应用渠道号，默认就好]

5FCA3DB5-B30A-4FBF-A6E1-14A8BC92C206.png

21F0F84C-FF6B-4A14-BC4F-5604E6386635.png

41608E83-6678-4488-AC72-7232FBA8F33A.png

6F99A996-70AC-46B3-A7A1-70C667C19D2A.png

配置完成后，在同步，然后就可以正常推送了