React Native 的友盟推送

前言

友盟推送集成失败? 本文带你3分钟快速集成友盟推送~
想详细了解友盟集成小伙伴, 可以参考我的往期文章:React Native的友盟集成

免费获得

  • Android和iOS友盟推送流程
  • 所有友盟后台传送门
  • 解决你能碰到的所有坑

目录

  • Android推送
    1.新建应用
    2.集成SDK
    3.添加测试设备
  • iOS推送
    1.新建应用
    2.证书上传
    3.集成SDK
    4.添加测试设备

Android推送

1.友盟后台新建推送应用

在U-Push后台建新建iOS和Android的push的应用, 如下:(新建应用)

新建应用

我们可以在应用信息界面查看推送用的App Master Secret(查看secret)

2.集成推送SDK

2-1 SDK导入

先查看下载下来的SDK, 把push文件夹找出来, 如下:


PushSDK位置

参考demo, 放在android目录下, 如下:


PushSDK放在工程的目录位置

找到下载下来的PushModule.java如下:
PushModule.java放置

与其他的java文件(AnalyticsModule.java等)放在一起

2-2 代码配置

代码配置比较简单, 只需要照着demo做就好了, 注意两个地方:
第一, 配置实例化, 传入推送secret

    @Override
    public void onCreate() {
        super.onCreate();
        SoLoader.init(this, /* native exopackage */ false);
        UMConfigure.setLogEnabled(true);
        //初始化组件化基础库, 统计SDK/推送SDK/分享SDK都必须调用此初始化接口
        RNUMConfigure.init(this, "59892f08310c9307b60023d0", "Umeng", UMConfigure.DEVICE_TYPE_PHONE,
            "669c30a9584623e70e8cd01b0381dcb4");
        initUpush();

    }

第二, 在MainActivity初始化, 配合demo食用~

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //ShareModule.initSocialSDK(this);
        PushModule.initPushSDK(this);
        MobclickAgent.setSessionContinueMillis(1000);
        MobclickAgent.setScenarioType(this, EScenarioType.E_DUM_NORMAL);
        MobclickAgent.openActivityDurationTrack(false);
        PushAgent.getInstance(this).onAppStart();
    }

第三, 获取设备的DeviceToken, 在控制台获取~ 这里可能会比较棘手, 拿不到token? 先别急,我在下面会做解答~ 代码如下:

//注册推送服务 每次调用register都会回调该接口
            mPushAgent.register(new IUmengRegisterCallback() {
                @Override
                public void onSuccess(String deviceToken) {
//                    UmLog.i(TAG, "device token: " + deviceToken);
                    android.util.Log.e("token","tokenxc: "+deviceToken);
                }

                @Override
                public void onFailure(String s, String s1) {
                    android.util.Log.e("tokenError",s+s1);

//                    UmLog.i(TAG, "register failed: " + s + " " + s1);
                }
            });

第四, 在控制台我们搜token值, 这里我图方便就用模拟器了~ 表介意~


打印token

第五, Device Token获取失败解决
本人第一次获取的时候失败了, 折腾了很久! 在这里, 帮大家填坑, 希望能帮到小伙伴们~~
控制台错误提示: register filed: -11 accs bindapp error!
小伙伴们往两个方面考虑:
1.在AndroidManifest.xml中, 检查对应的appkey和secret的value值是否正确? 如下:




2.主工程的so文件夹与PushSDK下的so文件夹要一致
在这里不要强行跟着demo走, 一定要按着文档来.
只要这两处红框标记的so文件夹保持一致~ (当然你也可以为了兼容所有架构, 去下载全平台的so文件夹, 但是考虑到会增加6M体积, 没有特殊需求不建议加入.)


so文件夹保持一致

3.注意代码配置!
so文件夹保持一致后, 还有一点在android/push/build.gradle中, 红框了代码, 如下:


sourceSets配置

4.最后ndk配置
在android/app/build.gradle中, 为了兼容架构的需要, 要配置你选择的架构, 红框了代码, 如下:


兼容架构

5.到此为止, Device Token可以在控制台正确获取, 如果仍有问题, 请按集成步骤去排查代码~~

3.友盟后台添加测试设备

拿到DeviceToken, 在友盟后台添加测试设备:去添加~
到此为止, Android推送集成就完成了, 可以开始测试推送了哦~

iOS推送

1.友盟后台新建推送应用

去友盟推送后台新建应用~
iOS与Android不同, 先确认开发者中心对推送做好配置, 配置参考下图:

开发者中心后台配置

2.友盟后台配置推送的p12证书

在Apple的开发者中心, 下载推送的开发证书和生产证书, 安装导出p12, 并在友盟后台上传推送证书的p12(去后台~),
上传成功后, 可以看到:

友盟推送应用后台

工程要保证两处配置正确, 找到TARGETS->Capabilities中, 如下:


后台模式配置

推送通知配置

2.集成推送SDK

2-1 SDK导入

查看下载下来的SDK, 找到UMPush.framework, 导入到工程


导入framework
UMPushModule配置

参考demo导入工程中:


导入工程

2-2 代码配置

在AppDelegate, didFinishLaunchingWithOptions里添加初始化代码


初始化

其余通知代理方法, 直接参考demo~

3.友盟后台添加测试设备

在AppDelegate, 添加以下代码获取DeviceToken:


获取DeviceToken

接着后台添加测试设备去添加~
到此为止,iOS推送集成就完成了, 可以开始测试推送了哦~ 如果有小伙伴对其中的细节有疑问的, 欢迎留言~~

你可能感兴趣的:(React Native 的友盟推送)