React Native 的友盟推送

作者: AKPoker | 来源:发表于2018-09-14 01:06 被阅读63次

    前言

    友盟推送集成失败? 本文带你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值是否正确? 如下:

    <meta-data android:value="my-appkey" android:name="UMENG_APPKEY"/>
    <meta-data android:value="my-secret" android:name="UMENG_MESSAGE_SECRET"/>
    <meta-data android:value="Channel ID" android:name="UMENG_CHANNEL"/>
    

    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推送集成就完成了, 可以开始测试推送了哦~ 如果有小伙伴对其中的细节有疑问的, 欢迎留言~~

    相关文章

      网友评论

      • 2015哈哈哈:请问博主如果RN端需要显示友盟推送给APP的所有的消息列表,这个该怎么搞
      • AKPoker:我的安卓Device Token折腾很久,所以特地把过程记录下来,希望小伙伴们不走弯路~:grin::grin::grin:
        AKPoker:@Simon_lu 获取不到id, 都是由错误代码的, 错误代码多少知道吗?
        a9345954a478:按照你的记录走我的Android 还是获取不到 设备id

      本文标题:React Native 的友盟推送

      本文链接:https://www.haomeiwen.com/subject/sblngftx.html