react native集成极光推送 android版

demo源码

1.注册极光推送
https://www.jiguang.cn/accounts/register?nextUrl=
注册成功之后,进入 服务中心/极光开发者服务/开发者平台 创建应用
创建成功之后,选择 推送设置-android,填写包名
在应用信息 选项中 用到 AppKeyMaster Secret 信息
2.安装 jpush-react-nativejcore-react-native
安装包成功后,执行 react-native link
需要填写刚刚申请的 AppKey
检查配置项
加入 JPushPackage,有参数!
3. 在项目的入口文件中,加入以下代码:

import React,{Component} from 'react';
import {View,Text,Button} from 'react-native';
import JPush from 'jpush-react-native';

export default class Pagea extends Component{
    constructor(props){
        super(props);
        this.state={
            RegistrationID:''
        };
    }
    componentDidMount(): void {
        JPush.notifyJSDidLoad((data)=>{});
        JPush.getRegistrationID((registId)=>{
            console.log(registId);
            this.setState({RegistrationID:registId.toString()})
        });
        ///接收推送事件
        JPush.addReceiveNotificationListener((message)=>{
            console.log('message',message);
            alert('推送信息'+message.alertContent);
        });
        ///接收自定义消息 仅仅android
        JPush.addReceiveCustomMsgListener((message)=>{
            console.log('message',message);
            alert('接收自定义消息'+message);
        });
        ///点击推送事件
        JPush.addReceiveOpenNotificationListener((data)=>{
            console.log('data',data);
        });
    }
    componentWillUnmount(): void {
        JPush.removeReceiveNotificationListener(()=>{});
        JPush.removeReceiveOpenNotificationListener(()=>{});
        JPush.removeReceiveCustomMsgListener((cb)=>{});
    }

    render(){
        let {navigate}=this.props.navigation;
        let state=this.state;
        return (
            <View>
                <Text>这是A页面</Text>
                <Text>注册Id:{state.RegistrationID}</Text>
                <Button title={'跳转B页面'} onPress={()=>navigate("pageb")}/>
            </View>
        );
    }
}

4.在 极光开发者服务 中,使用推送功能-发送通知,客户端即可接收到通知
在这里插入图片描述
客户端收到通知
在这里插入图片描述

react-native 简单集成极光推送服务完成!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

上海小飞象

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值