融云通讯服务器,vue使用融云即时通讯，老是报了发送失败，服务器超时

╰半夏微凉° 2022-08-29 04:26 197阅读 0赞

created() \{

//建立连接

RongIMLib.RongIMClient.init("lmxuhwagl5ukd"); //这是关键点，需要填写appkey lmxuhwagl5ukd

this.StatusListener();

this.getUser()

\},

method：\{

//下面是建立连接的

StatusListener()\{

//RongIMLib.RongIMClient.init('4z3hlwrv4ovrt'); //这是关键点，需要填写appkey

//建立连接

RongIMClient.setConnectionStatusListener(\{

onChanged: function (status) \{

// status 标识当前连接状态

switch (status) \{

case RongIMLib.ConnectionStatus.CONNECTED:

console.log('链接成功');

break;

case RongIMLib.ConnectionStatus.CONNECTING:

console.log('正在链接');

break;

case RongIMLib.ConnectionStatus.DISCONNECTED:

console.log('断开连接');

break;

case RongIMLib.ConnectionStatus.KICKED\_OFFLINE\_BY\_OTHER\_CLIENT:

console.log('其他设备登录');

break;

case RongIMLib.ConnectionStatus.DOMAIN\_INCORRECT:

console.log('域名不正确');

break;

case RongIMLib.ConnectionStatus.NETWORK\_UNAVAILABLE:

console.log('网络不可用');

break;

\});

// 消息监听器

RongIMClient.setOnReceiveMessageListener(\{

// 接收到的消息

onReceived: function (message) \{

// 判断消息类型

switch(message.messageType)\{

case RongIMClient.MessageType.TextMessage:

// message.content.content => 文字内容

break;

case RongIMClient.MessageType.VoiceMessage:

// message.content.content => 格式为 AMR 的音频 base64

break;

case RongIMClient.MessageType.ImageMessage:

// message.content.content => 图片缩略图 base64

// message.content.imageUri => 原图 URL

break;

case RongIMClient.MessageType.LocationMessage:

// message.content.latiude => 纬度

// message.content.longitude => 经度

// message.content.content => 位置图片 base64

break;

case RongIMClient.MessageType.RichContentMessage:

// message.content.content => 文本消息内容

// message.content.imageUri => 图片 base64

// message.content.url => 原图 URL

break;

case RongIMClient.MessageType.InformationNotificationMessage:

// do something

break;

case RongIMClient.MessageType.ContactNotificationMessage:

// do something

break;

case RongIMClient.MessageType.ProfileNotificationMessage:

// do something

break;

case RongIMClient.MessageType.CommandNotificationMessage:

// do something

break;

case RongIMClient.MessageType.CommandMessage:

// do something

break;

case RongIMClient.MessageType.UnknownMessage:

// do something

break;

default:

// do something

\});

\},

nowNum(token)\{

//自己的token------从接口获取，写到缓存

//var token = JSON.parse(localStorage.getItem('userInfo')).IMUser.token//"WzrthC5f4UfuiI7dIwCQ5fwtGfqCdobpowIZkcQnj8PQOQuAJb/nIi1ayzGFwJguvbQZxbJH3x0=";

//var token = '12'

RongIMClient.connect(token, \{

onSuccess: function(userId) \{

console.log('Connect successfully. ' + userId);

\},

onTokenIncorrect: function() \{

console.log('token 无效');

\},

onError: function(errorCode)\{

var info = '';

switch (errorCode) \{

case RongIMLib.ErrorCode.TIMEOUT:

info = '超时';

break;

case RongIMLib.ConnectionState.UNACCEPTABLE\_PAROTOCOL\_VERSION:

info = '不可接受的协议版本';

break;

case RongIMLib.ConnectionState.IDENTIFIER\_REJECTED:

info = 'appkey不正确';

break;

case RongIMLib.ConnectionState.SERVER\_UNAVAILABLE:

info = '服务器不可用';

break;

console.log(info,'z这个是建立的连接~');

\});

\},

//获取用户信息

getUser()\{

const that = this

axios.get('http://apitest.bnd.microzan.com.cn/login/checkUserExistByOpenId?openId=oR0\_h1aQZxobgoUSU7jlSBIUZk4U')

.then(function (res) \{

if(res.data.code == '200')\{

console.log(res.data.data.IMUser,'用户信息~~')

that.userInfor = res.data.data.IMUser

that.nowNum(res.data.data.IMUser.token);

\})

.catch(function (error) \{

console.log(error);

\});

\},

//发送消息

send() \{

let that = this

let msg = new RongIMLib.TextMessage(\{ content: that.say, extra: 'https://img.52z.com/upload/news/image/20171120/20171120080335\_21404.jpg' \});

let conversationType = RongIMLib.ConversationType.PRIVATE; // 单聊, 其他会话选择相应的消息类型即可

// let targetId = JSON.parse(localStorage.getItem('userInfo')).IMUser.assistantId; // 目标 Id

//let targetId = that.userInfor.assistantId

let targetId = 113

//console.log(that.userInfor.assistantId,'发消息的userId~~')

RongIMClient.getInstance().sendMessage(conversationType, targetId, msg, \{

onSuccess: function (message) \{

// message 为发送的消息对象并且包含服务器返回的消息唯一 Id 和发送消息时间戳

console.log('Send successfully',message,message.content.content);

let say = \{

type:1,

css:'right',

txt:message.content.content,

headImg:'https://img.52z.com/upload/news/image/20171120/20171120080335\_21404.jpg'

that.answer.push(say)

that.say = ''

\},

onError: function (errorCode, message) \{

let info = '';

switch (errorCode) \{

case RongIMLib.ErrorCode.TIMEOUT:

info = '超时';

break;

case RongIMLib.ErrorCode.UNKNOWN:

info = '未知错误';

break;

case RongIMLib.ErrorCode.REJECTED\_BY\_BLACKLIST:

info = '在黑名单中，无法向对方发送消息';

break;

case RongIMLib.ErrorCode.NOT\_IN\_DISCUSSION:

info = '不在讨论组中';

break;

case RongIMLib.ErrorCode.NOT\_IN\_GROUP:

info = '不在群组中';

break;

case RongIMLib.ErrorCode.NOT\_IN\_CHATROOM:

info = '不在聊天室中';

break;

console.log('发送失败: ' + info + errorCode);

\});

\},

融云通讯服务器,vue使用融云即时通讯，老是报了发送失败，服务器超时

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关腾讯云IM即时通讯

相关 java后端集成融云，获取融云token,RestTemplate

相关 Android 接入融云案例

相关 uniapp中融云接入方法及融云连接demo

相关融云PC端javascript即时通讯简单案例

相关融云通讯服务器,vue使用融云即时通讯，老是报了发送失败，服务器超时

相关 NanShan 即时通讯云计算，云平台，云+端，云服务

相关记录一下融云即时通讯IM

相关基于netty 即时通讯，消息服务器

相关 Android 融云SDK-即时通讯IM（附源码）