我和极光的那些事 |集成推送与统计 React-native

一、极光推送（j-PUSH）（ https://www.jiguang.cn/dev/#/app/list#dev ）

按照jpush-react-native 官方给的文档集成，但是不全面；结合[http://www.jianshu.com/p/a71512a8f921](http://www.jianshu.com/p/a71512a8f921) ；

在执行官方的脚本之后（appkey需要去官网注册应用）;
ios的appdelegate.m,以及Android中的MainApplication.java,在react native link 之后也许路径或者初始化的位置不对，需要手动配置到对应位置；有时候会重复引用，记得删除Xcode中build Phases->Link Binary With Libraries或者android studio 中file->Project Structure中—掉即可；

在Android以及ios中遇到的问题有：

1、Android：
初始化，------》添加完成后Scyc Now一下，还有问题去查看MainApplication.java,以及对应的文件目录是否正确（不知道目录的情况下输入库的第一个字母它会提示下面的子目录，然后按照提示找到对应的子目录，检查无误后还报错的话，重启AndroidStudio）文件路径不对，（找对应的包去找它的路径）删除掉的第三方库没从Android Studio完全剔除；（file->Project Structure中—掉）有些interFace爆红（可能是官网文档有问题，去搜索然后添加对应的API路径）
2 、IOS
link完之后编译报错；
    1、文件没有引入对应的路径或者就是build Phases->Link Binary With Libraries中没有引入对应的framework或者某个framework不是required是optional；
    2、link的方法位置不对，需要手动来修改；（其中有些语法没link完整，需要查看并补全对应的语法结构））；
[Expected ; after method prototype error] 参考：(https://stackoverflow.com/questions/26190254/expected-after-method-prototype-error)
Searchpaths 路径没有引入；（Build Setting 中的framework/Header Search Paths ->类似这样去添加路径：$(SRCROOT)/../node_modules/jpush-react-native/ios/RCTJPushModule);
[iOS下dyld: Library not loaded:](https://segmentfault.com/a/1190000000657902)
找到Link Binary With Libraries，在里面找到xx.framework，把status由Required 修改成Optional，然后再运行就OK了。其他的framework报错也适用，只需要修改对应的framework的status就行了。
（参考(https://segmentfault.com/a/1190000000657902) ）；
    3、iOS “dyld`dyld_fatal_error: -> 0x12000d088 <+0>: brk #0x3”错误（打包真机测试时的错误）
错误描述

硬件环境：Mac x.x + Xcode x.x
软件环境：RN项目
模拟器运行正常，IOS10系统以下真机一运行就崩溃
证书没有问题
借鉴 (http://blog.csdn.net/idoshi201109/article/details/50803419) (http://blog.csdn.net/chenyblog/article/details/50790635)

二、参考文章：

http://www.jianshu.com/p/6721a0360af9
http://www.jianshu.com/p/a71512a8f921

三、ReactNative中操作:

调用对应的api实现项目的需求；(注意依赖库之间的版本IOS和Android的API有些不是统一的，不同的环境API需要斟酌使用 https://github.com/jpush/jpush-react-native/blob/master/example/documents/APIs_zh.md )

三个库：

https://github.com/jpush/jpush-react-native
https://github.com/jpush/janalytics-react-native
https://github.com/jpush/jcore-react-native

四、推送消息绑定设备alias:

每次改完代码热更新不起作用需要重新编译才可以生效；

五、极光社区可以找到相关的问题解答:

极光社区：https://community.jiguang.cn ；
ios纯原生配置： https://community.jiguang.cn/t/topic/13924
下载demo看代码；

jpushimage.png

下载下来的文件：

jpushfileimage.png

六、拓展：

从零开始搭建即时通讯项目： https://community.jiguang.cn/t/topic/20505 （转自极光社区）

七、附上React-native中实现代码：

其中实现了绑定alias设备来实现推送；

initJpush() {
    const navigation = this.refs.app_root_nav._navigation;
    console.log("navigation", navigation);
    // 新版本必需写回调函数
    if (!isIos) {
        JPushModule.notifyJSDidLoad((resultCode) => {
            if (resultCode === 0) {
                console.log(resultCode)
            }
        });
    }
    // 接收自定义消息
    JPushModule.addReceiveCustomMsgListener((message) => {
        console.log("receive notification: " + message);
    });
    //应用没有启动情况 ；
    JPushModule.addOpenNotificationLaunchAppListener(message => {
        launchedApp = true;
        console.log("addOpenNotificationLaunchAppListener=====>NO", message);
        let params = Platform.OS === "android" ? JSON.parse(message.extras) : message;
        openPage(navigation, params);
        if (Platform.OS == "ios") {
            JPushModule.getBadge((badge) => {
                badges = badge;
                console.log("jpush-", typeof badges, badges);
                if (badges > 0) {
                    badges--;
                    console.log("jpush----", badges);
                    JPushModule.setBadge(badges, (success) => {
                        console.log("jpush", success);
                    });
                }
            });
        }
    });
    // 接收推送通知&&iOS 10 以下的系统点击推送回调；
    JPushModule.addReceiveNotificationListener(message => {
        if (launchedApp) {
            return launchedApp = false
        }
        console.log("接收到消息=====>", message,Platform.OS == "ios" && Platform.Version.split(".")[0] > 10,Platform.Version);
        //处理iOS10以下APP打开状态接收推送消息的状态；
        if (Platform.OS == "ios" && message.localNotice && AppState.currentState == "active") {
            return false
        }
        //解决APP打开状态接收到消息不增加消息徽标
        if (Platform.OS == "ios" && Platform.Version.split(".")[0] >= 10) {
            //因为iOS10以下APP打开状态时接收到消息但是不显示在通知栏所以暂时先这样处理；
            let sumbagde = message.aps.badge;
            console.log("jpush----", message.aps.badge);
            JPushModule.setBadge(sumbagde, (success) => {
                console.log("jpush", success);
            });
        }
        if (Platform.OS == "ios" && Platform.Version.split(".")[0] < 10 && AppState.currentState !== "active") {
            console.log("addReceiveNotificationListener<10=====>", message)
            let params = Platform.OS === "android" ? JSON.parse(message.extras) : message;
            openPage(navigation, params);
            JPushModule.getBadge((badge) => {
                badges = badge;
                console.log("jpush-", typeof badges, badges);
                if (badges > 0) {
                    badges--;
                    console.log("jpush----", badges);
                    JPushModule.setBadge(badges, (success) => {
                        console.log("jpush", success);
                    });
                }
            });
        }
        if (Platform.OS == "ios" && Platform.Version.split(".")[0] < 10 && AppState.currentState == "active") {
            let params = Platform.OS === "android" ? JSON.parse(message.extras) : message;
            console.log("xxxx", params);
            let cdate = new Date();
            JPushModule.sendLocalNotification({
                fireTime: cdate.getTime() + 500,
                content: params.aps.alert,
                badge: params.aps.badge,
                extra: {localNotice: true,...params}
            })
        }
    });
    //点击推送消息打开应用回调
    JPushModule.addReceiveOpenNotificationListener(message => {
        if (launchedApp) {
            return launchedApp = false
        }
        console.log("addReceiveOpenNotificationListener10=====>", message);
        let params = Platform.OS === "android" ? JSON.parse(message.extras) : message;
        openPage(navigation, params);
        if (Platform.OS == "ios") {
            JPushModule.getBadge((badge) => {
                badges = badge;
                console.log("jpush-", typeof badges, badges);
                if (badges > 0) {
                    badges--;
                    console.log("jpush----", badges);
                    JPushModule.setBadge(badges, (success) => {
                        console.log("jpush", success);
                    });
                }
            });
        }
    });
}
//极光统计；
initJAnalytics() {
    if (isIos) {
        JAnalyticsModule.setup({appKey: "申请的APPKey"});
        JAnalyticsModule.setDebug({enable: true});
        JAnalyticsModule.crashLogON();
        console.log("极光分析----");
    }
}
//jpush绑定设备到alias
jpushSetAlias(user_id) {
    console.log("jpush当前用户的登录信息", user_id, typeof user_id);
    JPushModule.setAlias(user_id, (map) => {
        console.log("jpush当前用户的登录信息", map);
        if (map.errorCode === 0) {
            console.log("jpush-android注册成功", map);
            AsyncStorage.setItem("alias", map.alias)
        } else {
            console.log("jpushios注册成功", map);
            AsyncStorage.setItem("alias", map.alias)
        }
    });
}

//删除掉alias
jpushDeteleAlias() {
    JPushModule.deleteAlias((map) => {
        if (map.errorCode === 0) {
            console.log("jpush android删除成功", map);
            AsyncStorage.removeItem("alias");
        } else {
            console.log("jpush ios删除成功", map);
            AsyncStorage.removeItem("alias");
        }
    });
}
componentDidMount() {
    this.initJpush();
    this.initJAnalytics();
    let that = this;
//防止在登录或者其他入口使用时没有绑定到alias的处理；
    AsyncStorage.getItem("user_id", (err, res) => {
        user_id = res;
        AsyncStorage.getItem("alias", (err, res) => {
            alias = res;
            console.log("jpush-root外", err, user_id, alias, typeof user_id);
            if (!_.isEmpty(alias)) {
                if (_.isEmpty(user_id)) {
                    console.log("jpush-root内1", user_id, alias);
                    that.jpushDeteleAlias();
                }
            }
            if (!_.isEmpty(user_id)) {
                if (_.isEmpty(alias)) {
                    console.log("jpush-root内2", user_id, alias);
                    that.jpushSetAlias(user_id);
                }
            }

        })
    });
}
componentWillUnmount() {
    //取消；
    JPushModule.removeReceiveCustomMsgListener();
    JPushModule.removeReceiveNotificationListener();
    JPushModule.removeOpenNotificationLaunchAppEventListener();
}

以上几个方法添加到指定的业务需求即可使用，想要扩展业务需求还需再进行其他配置；
如有问题还需谅解；本人一点拙见。哈哈
「本文系极光征文 | 写写文章就能赢 Filco，岂不美滋滋的参赛文章」