react-native-sf-im

聊天框架

安装

• yarn add react-native-sf-im
• yarn add react-native-sf-aliyun-oss
• react-native link react-native-sf-aliyun-oss

Methods

| Methods | Params | Param Types | description | Example | |:-----|:-----|:-----|:-----|:-----| |init|host,port,aliyunConfig|string,string,object|聊天服务器配置以及阿里云配置|参考例子| |listen|事件监听参数|object|监听聊天所有出发事件|参考例子| |register|account,pwd,uid|string/string/string|注册用户|参考例子| |login|account,pwd,suc,fail|string/string/func/func|登录聊天系统|参考例子| |logout|||登出聊天系统|参考例子| |message|type|SFStatus.msg|创建消息结构体|参考例子| |send|message|SFIMMessage|发送消息|参考例子| |getHistory|lastMsgId,count,callBack|string/number/func|获取历史消息|参考例子| |getChatList|||获取对话列表|参考例子| |setNick|nick|string|设置昵称|参考例子| |setHeader|header|string|设置头像|参考例子|

例子

import {SFIM, SFIMMessage, SFIMConfig, SFIMStatus} from "react-native-sf-im"

# 初始化
SFIM.init({
            host:'http://127.0.0.1',
            port:'5000',
            aliyun:{
                accessKey:'',
                secretKey:'',
                endPoint:'',
                bucketName:'',
                filePath:'chat'//聊天图片文件在阿里云存放的目录
            }
        });
# 监听事件
SFIM.listen({
            onTextMessage: (data)=> {
                console.log('收到消息', data);
            },
            onEmojiMessage: (data)=> {
                console.log('收到消息', data);
            },
            onImgMessage: (data)=> {
                console.log('收到消息', data);
            },
            onReadMessage: (data)=> {
                console.log('对方已读', data);
            },
            onConnect: ()=> {
                console.log('连接成功');
            },
            onDisconnect: ()=> {
                console.log('断开连接');
            },
        })

# 注册账号
SFIM.register('13888888888','123456','8',(data)=>{

},(err)=>{

})

# 登录聊天服务器
SFIM.login(this.state.account, this.state.pwd, (data)=> {
            console.log('登录成功',data)
        }, (err)=> {
            console.log('登录失败',err)
        })

# 设置昵称
SFIM.setNick(nick,(ret)=>{

},(err)=>{

})

# 设置头像
SFIM.setHeader(header,(ret)=>{

},(err)=>{

})

# 发送文本消息
var msg = SFIM.message(SFIMConfig.msg.text);
msg.text({
    msg:'要发送的消息',
    to:'对方的UID',
    suc:(data)=>{
        console.log('发送成功',data);
    },
    fail:(err)=>{
        console.log('发送失败',err);
    }
});
SFIM.send(msg);

# 发送表情消息
var msg = SFIM.message(SFIMConfig.msg.emoji);
msg.text({
    msg:'要发送的消息',
    to:'对方的UID',
    suc:(data)=>{
        console.log('发送成功',data);
    },
    fail:(err)=>{
        console.log('发送失败',err);
    }
});
SFIM.send(msg);

# 发送图片消息
var msg = SFIM.message(SFIMConfig.msg.img);
msg.text({
    imgPath:'图片地址',
    to:'对方的UID',
    uploadProgress:(progress)=>{

    },
    uploadFinish:(data)=>{

    },
    suc:(data)=>{
        console.log('发送成功',data);
    },
    fail:(err)=>{
        console.log('发送失败',err);
    }
});
SFIM.send(msg);


# 获取历史消息
SFIM.getHistory(this.lastMsgId, 10, (data)=> {
                console.log('获取历史', data)
            })


# 获取对话列表
SFIM.getChatList((data)=>{
    console.log('对话列表',data)
})