融云IM 基础服务开发指南WebIMLib API 示例 【干货】

Web SDK API 示例

简介

融云 Web SDK API 用法及常见异常总结,为了方便刚接触融云 Web SDK 开发者朋友们写下此文档,希望可以帮到你们。

说明:

1、函数参数中使用 [] 为可选参数(数组除外)。

2、**** => **** 在本文档中表示为示例代码和结果,例:1+2 => 3

初始化

初始化 SDK

执行初始化需要在开发者后台新建应用得到 AppKey 和 token,初始化代码:

RongIMLib.RongIMClient.init(appkey,[dataAccessProvider],[options])

AppKey:应用的唯一标识。

Token :用户的唯一标识。

RongIMLib.RongIMClient.init("appkey");

设置监听

1、必须设置监听器后,再连接融云服务器,示例代码如下:

// 设置连接监听状态 ( status 标识当前连接状态 )
 // 连接状态监听器
 RongIMClient.setConnectionStatusListener({
    onChanged: function (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.DiscussionNotificationMessage:               // message.content.extension => 讨论组中的人员。
               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...
        }
    }
});

连接服务器

连接融云必须在执行 RongIMLib.RongIMClient.init(appkey); 之后,并且所有除监听以外的方法都必须在 connect成功之后 再调用。

  var token = "mKmyKqTSf7aNDinwAFMnz7NXKILeV3X0+CCRBOxmtOApmvQjMathViWrePIfq0GuTu9jELQqsckv4AhfjCAKgQ==";

  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.ErrorCode.UNKNOWN_ERROR:
                  info = ‘未知错误‘;                  break;                case RongIMLib.ErrorCode.UNACCEPTABLE_PaROTOCOL_VERSION:
                  info = ‘不可接受的协议版本‘;                  break;                case RongIMLib.ErrorCode.IDENTIFIER_REJECTED:
                  info = ‘appkey不正确‘;                  break;                case RongIMLib.ErrorCode.SERVER_UNAVAILABLE:
                  info = ‘服务器不可用‘;                  break;
              }
              console.log(errorCode);
            }
      });

重新连接

    var callback = {
        onSuccess: function(userId) {
            console.log("Reconnect successfully." + userId);
        },
        onTokenIncorrect: function() {
            console.log(‘token无效‘);
        },
        onError:function(errorCode){
            console.log(errorcode);
        }
    };
    var config = {        // 默认 false, true 启用自动重连,启用则为必选参数
        auto: true,        // 重试频率 [100, 1000, 3000, 6000, 10000, 18000] 单位为毫秒,可选
        url: ‘cdn.ronghub.com/RongIMLib-2.2.6.min.js‘,        // 网络嗅探地址 [http(s)://]cdn.ronghub.com/RongIMLib-2.2.6.min.js 可选
        rate: [100, 1000, 3000, 6000, 10000]
    };
    RongIMClient.reconnect(callback, config);

消息接口

发送消息

1、文本消息

 var msg = new RongIMLib.TextMessage({content:"hello RongCloud!",extra:"附加信息"});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

发送 pushData[通知] 给端 Android or iOS 方法如下:

 var msg = new RongIMLib.TextMessage({content:"hello RongCloud!",extra:"附加信息"});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 var pushData = "your pushInfo";
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
        onSuccess: function (message) {
            .......
        },
        onError: function (errorCode,message) {
            ......
        }
    }, false, pushData
);

下述所有信息类型有关 pushData 用法同此,不再复述。

2、图片消息

图片上传请参考:上传

  /*
     图片转为可以使用 HTML5 的 FileReader 或者 canvas 也可以上传到后台进行转换。

     注意事项:
         1、缩略图必须是 base64 码的 jpg 图。
         2、不带前缀。
         3、大小不得超过 100kb。
   */
 var base64Str = "base64 格式缩略图";
 var imageUri = "图片 URL"; // 上传到自己服务器的 URL。
 var msg = new RongIMLib.ImageMessage({content:base64Str,imageUri:imageUri});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

3、富文本消息

图片上传请参考:上传

 var base64Str = "base64 格式缩略图";// 图片转为可以使用 HTML5 的 FileReader 或者 canvas 也可以上传到后台进行转换。
 var imageUri = "图片 URL"; // 上传到自己服务器的 URL。
 var title = "富文本消息标题";
 var msg = new RongIMLib.RichContentMessage({title:title,content:base64Str,imageUri:imageUri});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

4、位置消息

 var latitude = "纬度";
 var longitude = "经度";
 var poi = "位置描述";
 var content = "位置缩略图";
 var msg = new RongIMLib.LocationMessage({latitude: longitude, longitude: longitude, poi: poi, content: content});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

5、命令消息

 var data = "命令指令";//可以是一个对象,data = {cmd:update};
 var msg = new RongIMLib.CommandMessage({data:data});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

6、正在输入状态消息

var conversationType = RongIMLib.ConversationType.PRIVATE;//只有单聊有正在输入状态。var targetId = "xxx";
var msgName = "TextMessage";//用户正在输入的消息类型 VoiceMessage等。RongIMClient.getInstance().sendTypingStatusMessage(conversationType, targetId, msgName, {
                onSuccess: function (message) {
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            info = ‘未知错误‘;                            break;                        case RongIMLib.ErrorCode.REJECTED_BY_BLACKLIST:
                            info = ‘在黑名单中,无法向对方发送消息‘;                            break;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            });

7、已读通知消息

 var messageUId = "消息唯一 Id";
 var lastMessageSendTime = "最后一条消息的发送时间";
 var type = "1";// 备用,默认赋值 1 即可。
 // 以上 3 个属性在会话的最后一条消息中可以获得。
 var msg = new RongIMLib.ReadReceiptMessage({ messageUId: messageUId, lastMessageSendTime: lastMessageSendTime, type: type });
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

8、本地消息

此方法只有在使用本地存储的情况下有效。

var message = "从本地获取的消息";
RongIMClient.getInstance().sendLocalMessage(message,{
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            });

9、发送 @ 消息

支持 @ 消息会话类型:RongIMLib.ConversationType.GROUPRongIMLib.ConversationType.DISCUSSION

支持 @ 消息消息类型:TextMessageImageMessageVoiceMessageRichContentMessageLocationMessage

发送方式:RongIMClient.getInstance().sendMessage(conversationType,targetId,msg,callback,true);,请设置最后一个参数为 true 。

// 单聊,其他会话选择相应的消息类型即可。var conversationtype = RongIMLib.ConversationType.GROUP;// 目标 Idvar targetId = "groupId";// @ 消息对象var mentioneds = new RongIMLib.MentionedInfo();    // 全部:RongIMLib.MentionedType.ALL;部分:RongIMLib.MentionedType.PART
    mentioneds.type = RongIMLib.MentionedType.PART;    // @ 的人
    mentioneds.userIdList = [];
var msg = new RongIMLib.TextMessage({content:"hello RongCloud!",extra:"附加信息",mentionedInfo:mentioneds});
RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
               onSuccess: function (message) {                   //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                   console.log("Send successfully");
               },
               onError: function (errorCode,message) {
                   var info = ‘‘;                   switch (errorCode) {                       case RongIMLib.ErrorCode.TIMEOUT:
                           info = ‘超时‘;                           break;                       case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                           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;                       default :
                           info = x;                           break;
                   }
                   console.log(‘发送失败:‘ + info);
               }
           },true);

10、发送文件消息

文件上传请参考:上传

 var name = ‘RongIMLib.js‘,
     size = 1024,
     type = ‘js‘,
     fileUrl = ‘http://xxxx.xxx.xx/RongIMLib.js‘;
 var msg = new RongIMLib.FileMessage({ name: name, size: size, type: type, fileUrl: fileUrl});
 var conversationtype = RongIMLib.ConversationType.PRIVATE; // 单聊,其他会话选择相应的消息类型即可。
 var targetId = "xxx"; // 目标 Id
 RongIMClient.getInstance().sendMessage(conversationtype, targetId, msg, {
                onSuccess: function (message) {                    //message 为发送的消息对象并且包含服务器返回的消息唯一Id和发送消息时间戳
                    console.log("Send successfully");
                },
                onError: function (errorCode,message) {
                    var info = ‘‘;                    switch (errorCode) {                        case RongIMLib.ErrorCode.TIMEOUT:
                            info = ‘超时‘;                            break;                        case RongIMLib.ErrorCode.UNKNOWN_ERROR:
                            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;                        default :
                            info = x;                            break;
                    }
                    console.log(‘发送失败:‘ + info);
                }
            }
        );

获取单群聊历史消息

1、获取单群聊历史消息

该功能需要在开发者后台“应用/IM 服务/高级功能设置”中开通公有云专业版后,开启单群聊消息云存储功能即可使用,如没有开启则执行 onError 方法。

var conversationType = RongIMLib.ConversationType.PRIVATE; //单聊,其他会话选择相应的消息类型即可。var targetId = "xxx"; // 想获取自己和谁的历史消息,targetId 赋值为对方的 Id。var timestrap = null; // 默认传 null,若从头开始获取历史消息,请赋值为 0 ,timestrap = 0;var count = 20; // 每次获取的历史消息条数,范围 0-20 条,可以多次获取。RongIMLib.RongIMClient.getInstance().getHistoryMessages(conversationType, targetId, timestrap, count, {
  onSuccess: function(list, hasMsg) {       // list => Message 数组。
    // hasMsg => 是否还有历史消息可以获取。
  },
  onError: function(error) {
    console.log("GetHistoryMessages,errorcode:" + error);
  }
});

过滤消息

此方法目前只支持按消息名称过滤 聊天室 中的消息。

var messageNames = [‘CommandMessage‘]; // 可以设置多个。RongIMClient.getInstance().setFilterMessages(messageNames);

消息草稿

1、保存草稿

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
var draft = "草稿信息";
RongIMClient.getInstance().saveTextMessageDraft(conversationType,targetId,draft);

2、获取草稿

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
var draft = RongIMClient.getInstance().getTextMessageDraft(conversationType,targetId);// draft => 草稿信息。

3、清除草稿

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
RongIMClient.getInstance().clearTextMessageDraft(conversationType,targetId);

自定义消息

以下示例采用 WebSDK 内置消息结构,自定义消息结构,请移步开发指南。

1、定义消息类型

var messageName = "PersonMessage"; // 消息名称。var objectName = "s:person"; // 消息内置名称,请按照此格式命名。var mesasgeTag = new RongIMLib.MessageTag(true,true);// 消息是否保存是否计数,true true 保存且计数,false false 不保存不计数。var propertys = ["name","age"]; // 消息类中的属性名。RongIMClient.registerMessageType(messageName,objectName,mesasgeTag,propertys);

2、发送消息

var conversationType = RongIMLib.ConversationType.PRIVATE; //单聊,其他会话选择相应的消息类型即可。var targetId = "xxx"; // 想获取自己和谁的历史消息,targetId 赋值为对方的 Id。var msg = new RongIMClient.RegisterMessage.PersonMessage({name:"zhang",age:12});
RongIMClient.getInstance().sendMessage(conversationType,targetId, msg, {
    onSuccess: function (message) {
    },
    onError: function (errorCode) {
    }
});

3、接收消息

接收消息与其他内置消息一致,在上文中提到的 setOnReceiveMessageListener 中增加 case 将消息予以展示即可。

例如:case RongIMClient.MessageType.RegisterMessage : dosomething...

会话接口

会话类型

1、RongIMLib.ConversationType.PRIVATE : 二人单聊会话类型,枚举值为 1 。

2、RongIMLib.ConversationType.DISCUSSION : 讨论组会话类型,枚举值为 2 。

3、RongIMLib.ConversationType.GROUP : 群组会话类型,枚举值为 3

4、RongIMLib.ConversationType.CHATROOM : 聊天室会话类型,枚举值为 4 。

5、RongIMLib.ConversationType.CUSTOMER_SERVICE : 客服会话类型,枚举值为 5 。

6、RongIMLib.ConversationType.SYSTEM : 系统消息类型,枚举值为 6 。

7、RongIMLib.ConversationType.APP_PUBLIC_SERVICE : 公众账号(默认关注)会话类型,枚举值为 7 。

8、RongIMLib.ConversationType.PUBLIC_SERVICE : 公众账号 (手动关注) 会话类型,枚举值为 8 。

获取会话列表

使用此方法需要在开发者后台“应用/IM 服务/高级功能设置”中开通公有云专业版后,开启单群聊消息云存储功能。

RongIMClient.getInstance().getConversationList({
  onSuccess: function(list) {    // list => 会话列表集合。
  },
  onError: function(error) {     // do something...
  }
},null);

修改会话

此方法可以修改会话中信息,可以填充 用户信息 或会话 Title 等。

1、未使用本地存储,必须先执行 getConversationList 并且有这个会话此方法才有效。

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
RongIMLib.RongIMClient.getInstance().getConversation(conversationType,targetId,{
        onSuccess:function(con){            if (con) {
              con.conversationTitle="我是会话的Title";
              RongIMLib.RongIMClient.getInstance().updateConversation(con);
              consoleInfo("updateConversation Success!");
            }
        }
    });

2、使用本地存储

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
RongIMLib.RongIMClient.getInstance().getConversation(conversationType,targetId,{
        onSuccess:function(con){            if (con) {
              con.conversationTitle="我是会话的Title";
              RongIMLib.RongIMClient.getInstance().updateConversation(con);
              consoleInfo("updateConversation Success!");
            }
        }
    });

3、删除会话

RongIMClient.getInstance().removeConversation(RongIMLib.ConversationType.PRIVATE,"1002",{
    onSuccess:function(bool){       // 删除会话成功。
    },
    onError:function(error){       // error => 删除会话的错误码
    }
});

4、清除会话列表

RongIMClient.getInstance().clearConversations(callback,[conversationTypes]);

conversationTypes 为可选参数,可以清除指定会话类型的会话,可以多个。

5、清除所有会话:

RongIMClient.getInstance().clearConversations({
    onSuccess:function(){      // 清除会话成功
    },
    onError:function(error){      // error => 清除会话错误码。
    }
});

6、清除指定会话:

var conversationTypes = [RongIMLib.ConversationType.PRIVATE,RongIMLib.ConversationType.GROUP];
RongIMClient.getInstance().clearConversations({
    onSuccess:function(){      // 清除会话成功
    },
    onError:function(error){      // error => 清除会话错误码。
    }
},conversationTypes);

未读消息数

若浏览器不支持 WebStorage 并且您没有使用 本地存储,未读消息数将不会保存,浏览器页面刷新未读消息数将不会存在。

1、获取所有会话总未读消息数

RongIMClient.getInstance().getTotalUnreadCount({
  onSuccess:function(count){      // count => 所有会话总未读数。
  },
  onError:function(error){      // error => 获取总未读数错误码。
  }
});

2、获取多个会话的未读消息总数

var conversationTypes = [RongIMLib.ConversationType.PRIVATE,RongIMLib.ConversationType.DISCUSSION];
RongIMClient.getInstance().getConversationUnreadCount(conversationTypes,{
  onSuccess:function(count){      // count => 多个会话的总未读数。
  },
  onError:function(error){      // error => 获取多个会话未读数错误码。
  }
});

3、获取指定会话的未读消息数

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
RongIMLib.RongIMClient.getInstance().getUnreadCount(conversationType,targetId,{
    onSuccess:function(count){        // count => 指定会话的总未读数。
    },
    onError:function(){        // error => 获取指定会话未读数错误码。
    }
});

4、清除未读消息数

var conversationType = RongIMLib.ConversationType.PRIVATE;
var targetId = "xxx";
RongIMClient.getInstance().clearUnreadCount(conversationType,targetId,{
    onSuccess:function(){        // 清除未读消息成功。
    },
    onError:function(error){        // error => 清除未读消息数错误码。
    }
});

讨论组

1、创建讨论组

var discussionName = "讨论组名称"; // 名称自定义var userIds = ["zhangsan","lisi"];//讨论组初始成员。RongIMClient.getInstance().createDiscussion(discussionName,userIds,{
    onSuccess:function(discussionId){        // discussionId => 讨论组 Id。
    },
    onError:function(error){        // error => 创建讨论组失败错误码。
    }
});

2、讨论组加人

var discussionId = "xxx"; // 讨论组 Id。var userIds = ["wangwu","zhaoliu"];//被邀请成员。RongIMClient.getInstance().addMemberToDiscussion(discussionId,userIds,{
    onSuccess:function(){        // 邀请成功。
    },
    onError:function(error){        // error => 邀请失败错误码。
    }
});

3、获取讨论组

var discussionId = "xxx"; // 讨论组 Id。RongIMClient.getInstance().getDiscussion(discussionId,{
    onSuccess:function(discussion){        // discussion => 讨论组信息。
    },
    onError:function(error){        // error => 获取讨论组失败错误码。
    }
});

4、退出讨论组

var discussionId = "xxx"; // 讨论组 Id。RongIMClient.getInstance().quitDiscussion(discussionId,{
    onSuccess:function(){        // 退出讨论组成功。
    },
    onError:function(error){        // error => 退出讨论组失败错误码。
    }
});

5、踢人

var discussionId = "xxx"; // 讨论组 Id。var userId = "xxxx"; // 将被移除讨论组的用户 Id。RongIMClient.getInstance().removeMemberFromDiscussion(discussionId,userId,{
    onSuccess:function(){        // 踢人成功。
    },
    onError:function(error){        // error => 踢人失败错误码。
    }
});

6、设置讨论组邀请状态

var discussionId = "xxx"; // 讨论组 Id。var status = RongIMLib.DiscussionInviteStatus.OPENED; // 讨论邀请状态 0 : 开发邀请,1:关闭邀请  RongIMLib.DiscussionInviteStatus.OPEND | RongIMLib.DiscussionInviteStatus.CLOSED。RongIMClient.getInstance().setDiscussionInviteStatus(discussionId,status,{
    onSuccess:function(){
    },
    onError:function(error){
    }
});

7、设置讨论名称

var discussionId = "xxx"; // 讨论组 Id。var discusstionName = "新的讨论组名称";
RongIMClient.getInstance().setDiscussionName(discussionId,discusstionName,{
    onSuccess:function(){
    },
    onError:function(error){
    }
});

群组

1、加入群

var groupId = "xxxx"; // 群 Id 。var groupName = "xxx";// 群名称 。RongIMClient.getInstance().joinGroup(groupId, groupName, {
    onSuccess: function() {        // 加入群成功。
    },
    onError: function(error) {        // error => 加入群失败错误码。
    }
});

2、退出群

var groupId = "xxxx";// 群 Id 。RongIMClient.getInstance().quitGroup(groupId, {
    onSuccess: function() {      // 退群成功。
    },
    onError: function(error) {      // error => 退群失败错误码。
    }
});

聊天室

1、加入

var chatRoomId = "xxxx"; // 聊天室 Id。var count = 10;// 拉取最近聊天最多 50 条。RongIMClient.getInstance().joinChatRoom(chatRoomId, count, {
  onSuccess: function() {       // 加入聊天室成功。
  },
  onError: function(error) {    // 加入聊天室失败
  }
});

2、退出

var chatRoomId = "xxxx"; // 聊天室 Id。RongIMClient.getInstance().quitChatRoom(chatRoomId, {
  onSuccess: function() {       // 退出聊天室成功。
  },
  onError: function(error) {    // 退出聊天室失败。
  }
});

3、获取信息

var chatRoomId = "xxxx";// 聊天室 Id。var count = 10; // 获取聊天室人数 (范围 0-20 )var order = RongIMLib.GetChatRoomType.REVERSE;// 排序方式。RongIMClient.getInstance().getChatRoomInfo(chatRoomId, count, order, {
  onSuccess: function(chatRoom) {       // chatRoom => 聊天室信息。
    // chatRoom.userInfos => 返回聊天室成员。
     // chatRoom.userTotalNums => 当前聊天室总人数。
  },
  onError: function(error) {    // 获取聊天室信息失败。
  }
});

4、设置获取云存储消息起始位置

var chatRoomId = ‘xxxx‘;
var timestamp = 0; // 获取历史消息起始时间(毫秒)RongIMClient.getInstance().setChatroomHisMessageTimestamp(chatRoomId, timestamp);

5、获取云存储消息

该功能需开通后才能使用,详细请查看聊天室消息云存储服务说明

var chatRoomId = ‘xxxx‘;
var count = 10; // 拉取的条数 count <= 200var order = 1;  // 1正序;0倒序RongIMClient.getInstance().getChatRoomHistoryMessages(chatRoomId, count, order, {
  onSuccess: function(list, hasMore) {    // list => 消息数组
    // hasMore => 是否有更多的历史消息
  },
  onError: function(error) {

  }
});

黑名单

1、加入黑名单

var userId = "xxxx";
RongIMClient.getInstance().addToBlacklist(userId,{
  onSuccess: function(chatRoom) {       // 加入黑名单成功。
  },
  onError: function(error) {    // 加入黑名单失败。
  }
});

2、移除黑名单

var userId = "xxx";
RongIMClient.getInstance().removeFromBlacklist(userId, {
  onSuccess: function() {
  },
  onError: function(error) {
  }
});

3、获取黑名单

RongIMClient.getInstance().getBlacklist({
  onSuccess: function(list) {       // list => 黑名单列表
  },
  onError: function(error) {    // 获取黑名单失败
  }
});

4、检查黑名单

var userId = "xxx";
RongIMClient.getInstance().getBlacklistStatus(userId,{
  onSuccess: function(status) {    // status => 状态
  },
  onError: function(error) {
  }
});

配置参数

http 或 https

1、有服务的情况下无需设置 http 或 https,WebSDK 自动兼容 ,但访问静态文件必须,路径以 file:///D:**** 开头的必须设置:

2、DCloud 、 HBuilder 开发者一定要设置。

window["SCHEMETYPE"] = "http";

时间: 2024-10-12 12:08:08

融云IM 基础服务开发指南WebIMLib API 示例 【干货】的相关文章

分布式云平台基础服务

Net 分布式云平台基础服务建设说明概要 1)  背景 建设云平台的基础框架,用于支持各类云服务的业务的构建及发展. 2)  基础服务 根据目前对业务的理解和发展方向,总结抽象出以下几个基础服务,如图所示 3)  概要说明 基础服务的发展会根据业务的发展,调整和完善,也会不断的改进,演变及完善:当然根据目前公司的现状和对基础服务的迫切程度,基础服务各模块的定位和发展预期将如下所述. 1)     数据库中间件 公司现状: 1)     对多种类型数据库的支持需求迫切,如同时支持mysql,orc

.Net 分布式云平台基础服务

.Net 分布式云平台基础服务 1)  背景 建设云平台的基础框架,用于支持各类云服务的业务的构建及发展. 2)  基础服务 根据目前对业务的理解和发展方向,总结抽象出以下几个基础服务,如图所示 3)  概要说明 基础服务的发展会根据业务的发展,调整和完善,也会不断的改进,演变及完善:当然根据目前公司的现状和对基础服务的迫切程度,基础服务各模块的定位和发展预期将如下所述. 1)     数据库中间件 公司现状: 1)     对多种类型数据库的支持需求迫切,如同时支持mysql,orcale,s

.Net 分布式云平台基础服务建设说明概要

1)  背景 建设云平台的基础框架,用于支持各类云服务的业务的构建及发展. 2)  基础服务 根据目前对业务的理解和发展方向,总结抽象出以下几个基础服务,如图所示 3)  概要说明 基础服务的发展会根据业务的发展,调整和完善,也会不断的改进,演变及完善:当然根据目前公司的现状和对基础服务的迫切程度,基础服务各模块的定位和发展预期将如下所述. 1)     数据库中间件 公司现状: 1)     对多种类型数据库的支持需求迫切,如同时支持mysql,orcale,sqlserver这些数据库.最多

CentOS7 + owncloud8.1.0 &nbsp; 搭建企业私有云(基础服务)

   最近公司给了一个寻找合适的企业云盘的任务给我.我想自己搭建一个试试.选用了以下组合:CentOS7(lamp) + owncloud8.1.0  附录: 一.CentOS 7.0默认使用的是firewall作为防火墙. firewall: systemctl start firewalld.service#启动firewall systemctl stop firewalld.service#停止firewall systemctl disable firewalld.service#禁止

Jupyter 服务开发指南

1. 取kylin 数据 import requests import pandas as pd def getDtu(dtuid,addr): sqlData = '{ "sql":"select * from dtu where dtuid=\'%s\' and addr=\'%s\' order by DTUTIME desc", "project":"yongli" , "offset":0, &q

APICloud平台的融云2.0集成

融云2.0的官方文档地址:http://docs.apicloud.com/端API/开放SDK/rongCloud2 项目需要IM模块,最后还是选择了融云.在iOS原生开发中,融云sdk集成了聊天界面,给开发者提供了很大的便利,但是在apicloud平台上,由于开发者应用IM的场景各异,需求不统一,所以官方没有将聊天界面集成到模块中. 因此我选择了AUI这套专门为apicloud提供的前端开发框架进行IM界面的搭建.AUI官方地址:http://www.auicss.com. 这套框架集成了很

开发指南专题专题一: JEECG微云快速开发平台前言

JEECG微云快速开发平台-前言 1. 前言 1.1. 技术背景 随着WEB UI 框架(EasyUI/Jquery UI/Ext/DWZ)等的逐渐成熟,系统界面逐渐实现统一化,代码生成器也可以生成统一规范的界面! 代码生成+手工MERGE半智能开发将是新的趋势,生成的代码可节省50%工作量,快速提高开发效率! 1.2. 平台介绍 JEECG [J2EE  Code Generation] 是一款基于代码生成器的微信快速开发平台,采用代码生成+手工MERGE半智能开发模式, 可以帮助解决Java

Vue+原生App混合开发手记#2 融云即时通讯

最近开发的一个医药项目中要求加入即时通讯,最后选择了融云IM即时通讯服务,融云即时通讯包含Android SDK,iOS SDK以及Web SDK,为了节省开发时间,使用了Web SDK,这样在Android平台和iOS平台上都能表现一致.这是部分界面的效果, 分为两类用户,一类是医生,接受患者的咨询,一类是患者,可以与医生交流: 医生用户看到的界面 患者用户看到的界面 聊天界面       获取App Key 首先进入融云官网,找到Web SDK开发指南,按照提示先注册一个账号,拿到AppKe

开发指南专题九 JEECG微云快速开发平台-表单校验组件ValidForm

开发指南专题九:JEECG微云快速开发平台表单校验组件ValidForm 10.表单校验组件ValidForm 10.1使用入门 1.引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的).(之前发现有部分网友把整个style.css都引用在了页面里,然后发现样式冲突了) 2.引入js (jquery 1.4.2