当我拿到这个需求，脑子里出现了淘宝各大直播场景，尤为印象深刻的李佳琪的 ‘我的妈呀！’，’买它买它买它！‘，‘Oh my god！’。然后默默点开了直播。好吧，有点跑题，其实我就是想去了解下，之前都是作为看直播的人在看直播，当自己接到了这样的需求当然还要再进去看看，果然心情不一样了。
。。。。此处不赘述心路历程了。。。。第一波体验完成。静静等待公司的详细需求。
需求评估时公司提出来需要用融云的 SDK，让我们先了解下聊天室场景的相关内容。带着我之前的体验，去看文档目的还是挺明确的。融云的文档会有场景介绍，这点还是不错的，配上需求和之前体验的心得，很容易找到了我想要的东西。
抽离出的功能：
-
首先我需要一个聊天室
-
其次我需要发送消息，嗯消息分的很明确，当时看到的文本和表情都有。
-
我的礼物怎么办？
-
我的点赞怎么办？
-
人员加入退出我要如何显示？
虽然带有问题，但是个人觉得还是先上手体验下会又不一样的感受。查看到有 Demo 正好可以参考借鉴下。
参考文档： docs.rongcloud.cn/v2/views/im…
参考 Demo：github.com/rongcloud/w…
效果图可查看融云 demo 的线上体验地址：rongcloud.github.io/websdk-demo…
这样我的大部分需求都实现了，加入，发消息，点赞等。看 Demo 后发现我的担心解决了很多，比如说人员加入和点赞，看 Demo 中直接使用了自定义消息，这点还是很不错的。点个赞~
上一部分核心代码
初始化连接
RongIMLib.RongIMClient.init(appKey);registerMessageType();RongIMClient.connect(token, { onSuccess: function (userId) { RongIM.ready = true; RongIM.userInfo = { data: { userId: userId }, status: "ok", info: "链接成功" }; callbacks.onConnected && callbacks.onConnected(RongIM.instance, RongIM.userInfo); }, onError: function (errorCode) { RongIM.ready = false; RongIM.userInfo = { data: {}, status: "fail", info: errorCode }; for (var i = 0, len = onConnectList.length; i < len; i++) { onConnectList[i](RongIM.instance, RongIM.userInfo); } }}); function registerMessageType() { var messageName = 'PersonMessage'; var objectName = 's:person'; var isCounted = true; var isPersited = true; var mesasgeTag = new RongIMLib.MessageTag(isCounted, isPersited); var prototypes = ['name', 'portrait', 'id']; RongIMClient.registerMessageType(messageName, objectName, mesasgeTag, prototypes); var messageName = 'LikerMessage'; var objectName = 's:liker'; var isCounted = false; var isPersited = false; var mesasgeTag = new RongIMLib.MessageTag(isCounted, isPersited); var prototypes = ['likerNum']; RongIMClient.registerMessageType(messageName, objectName, mesasgeTag, prototypes);}
聊天室加入
IM.joinChatRoom(chatRoomId, count, { onSuccess: function () { var chatRoom = { id: chatRoomId, currentUser: userInfo.data, getInfo: function (params, callbacks) { var order = params.order; var memberCount = params.memberCount; IM.getChatRoomInfo(chatRoomId, memberCount, order, callbacks); }, quit: function (callbacks) { IM.quitChatRoom(chatRoomId, callbacks); }, sendMessage: function (msg, callbacks) { var conversationType = RongIMLib.ConversationType.CHATROOM; IM.sendMessage(conversationType, chatRoomId, msg, callbacks); } }; callbacks.onSuccess && callbacks.onSuccess(chatRoom); }, onError: function (error) { callbacks.onError && callbacks.onError(error); }});
聊天室发消息
let messageValue = textMessageInfo = { content: content, user: getUserInfo(RongIMLib.chatRoom.currentUser.userId)}var msg = new RongIMLib.TextMessage(messageValue);RongIMLib.chatRoom.sendMessage(msg, { onSuccess: function (message) { updateMessage(message); }, onError: function (errorCode, message) { console.log("发送聊天室消息失败", errorCode); }});
代码中仅有关键操作的部分代码，详细情况可参考 Demo 中的实现，此处仅提供部分代码不可直接跑通哦！！！
整体 demo 体验还是不错的，不过 Demo 没有任何框架，参考流程够用了，但是要嵌入到自己的项目中还是需要做一翻改动的。小建议，要是融云可以出几款开包即用的 Demo 就更好了。体感不错后续继续优化~~~
如有类似需求的大家可以参考哦。
