#react-native-umeng-npush ##安装
rnpm install react-native-umeng-npush
##集成到iOS
在Appdelegate.m
中对应的位置添加如下三个API:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
//注册友盟推送
[RCTUmengPush registerWithAppkey:@"your app key" launchOptions:launchOptions];
}
- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
{
//获取deviceToken
[RCTUmengPush application:application didRegisterDeviceToken:deviceToken];
}
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo
{
//获取远程推送消息
[RCTUmengPush application:application didReceiveRemoteNotification:userInfo];
}
##集成到android 注意:0.29版本以后,reactNative会自动创建MainApplication,并且将添加原生模块从MainActivity移到了MainApplication,详情请见http://reactnative.cn/post/1774,所以我们的这里继承也有些变化,如果你的reactNative版本是0.29以下,请点击README-pre.md
####1、设置Application
新版本的react-native工程已经存在MainApplication
,我们只需要将MainApplication
继承UmengApplication
,然后添加对应的UmengPushPackage
进去就行了,如下所示:
import com.liuchungui.react_native_umeng_push.UmengPushApplication;
import com.liuchungui.react_native_umeng_push.UmengPushPackage;
public class MainApplication extends UmengPushApplication implements ReactApplication {
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
protected boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNReactNativeUmengNpushPackage()
);
}
@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
LogUtil.syncIsDebug(getApplicationContext());
UMConfigure.setLogEnabled(true);
UMConfigure.init(this, getResources().getString(R.string.umeng_key), getResources().getString(R.string.umeng_channel), UMConfigure.DEVICE_TYPE_PHONE, null);
initPush(getResources().getString(R.string.application_package));
}
};
注:这一步主要是因为友盟推送需要在Application当中接收推送,UmengPushApplication
封装了友盟推送的内容。如果友盟推送如果不放在Application当中,退出应用之后是无法接收到推送的。
####3、添加AppKey & Umeng Message Secret
在项目工程的AndroidManifest.xml
中的标签下添加:
<meta-data
android:name="UMENG_APPKEY"
android:value="xxxxxxxxxxxxxxxxxxxxxxxxxxxx" >
</meta-data>
<meta-data
android:name="UMENG_MESSAGE_SECRET"
android:value="xxxxxxxxxxxxxxxxxxxxxxxxxxxx" >
</meta-data>
详情参考:友盟安卓SDK集成指南
##API
API | Note |
---|---|
getDeviceToken |
获取DeviceToken |
didReceiveMessage |
接收到推送消息回调的方法 |
didOpenMessage |
点击推送消息打开应用回调的方法 |
##Usage
import UmengPush from 'react-native-umeng-push';
//获取DeviceToken
UmengPush.getDeviceToken(deviceToken => {
console.log("deviceToken: ", deviceToken);
});
//接收到推送消息回调
UmengPush.didReceiveMessage(message => {
console.log("didReceiveMessage:", message);
});
//点击推送消息打开应用回调
UmengPush.didOpenMessage(message => {
console.log("didOpenMessage:", message);
});
UmengPush.addAlias("13434", "ttjkUserPhone", (isSuccess, message) => {
console.log("是否成功", isSuccess, message);
});
UmengPush.deleteAlias("13434", "ttjkUserPhone", (isSuccess, message) => {
console.log("是否成功", isSuccess, message);
});
##注意
- 安卓如果获取不到deviceToken也接收不到推送,请查看友盟后台的包名是否一致,当前设备是否添加到测试设备当中
安装 npm install ./tt-packages/react-native-umeng-npush --save