基于环信webIM提供的Demo改造
本效果图是基于webIM的demo版本修改，主要实现了以下功能
1.实现自动登录，到聊天窗口
解决办法：是在页面自己写参数调用 Demo.conn.open(options) 方法
2.实现最近联系人列表渲染(因为我们没有好友概念，只要跟谁最近聊天了，就算是好友了)
解决办法：在页面通过ajax调用后台restFul地址获取联系人，然后循环调用 Demo.conn.onTextMessage(msg)方法，将消息内容为空，在msg里面设置标识为初始化加载，这样就会出现在列表里面
3.实现联系人：头像、昵称 渲染
解决办法：很简单就是在刚才上面的方法体里面调用完之后，你的列表就会出现好友列表，这时候你只需要根据环信用户id，直接基于jq替换即可
4.实现点击联系人 渲染历史聊天记录(在发送消息的时候将聊天记录保存在我们自己的数据库)
解决办法：在你获取最近联系人这个方法时已经返回了聊天记录列表，你需要在(Demo.chatRecord.环信用户id.messages)这个数组里面把你的消息放在这个数据里面去，然后当用户点击联系人列表时你jq写一个(webim-contact-item)这个样式的click触发方法，在这个方法中你需要写把聊天记录从(Demo.chatRecord.环信用户id.messages) 循环取出来，包装成HTML然后在 $("#wrapper"+Demo.selected).append() 这些HTML即可
5.实现保存聊天
解决办法：就是在 sendTxt里面调用我们的ajax方法保存
大致就这么多，个人不建议基于官方的webIM的Demo 去修改，这次踩过这个坑了
欢迎各位 集成的朋友来访，目前我这个算是解决，等过段时间我还是自己写一个吧，不打算基于他们的Demo去改造
在此欢迎去我的博客: www.kaven.cn
1.实现自动登录，到聊天窗口
解决办法：是在页面自己写参数调用 Demo.conn.open(options) 方法
2.实现最近联系人列表渲染(因为我们没有好友概念，只要跟谁最近聊天了，就算是好友了)
解决办法：在页面通过ajax调用后台restFul地址获取联系人，然后循环调用 Demo.conn.onTextMessage(msg)方法，将消息内容为空，在msg里面设置标识为初始化加载，这样就会出现在列表里面
3.实现联系人：头像、昵称 渲染
解决办法：很简单就是在刚才上面的方法体里面调用完之后，你的列表就会出现好友列表，这时候你只需要根据环信用户id，直接基于jq替换即可
4.实现点击联系人 渲染历史聊天记录(在发送消息的时候将聊天记录保存在我们自己的数据库)
解决办法：在你获取最近联系人这个方法时已经返回了聊天记录列表，你需要在(Demo.chatRecord.环信用户id.messages)这个数组里面把你的消息放在这个数据里面去，然后当用户点击联系人列表时你jq写一个(webim-contact-item)这个样式的click触发方法，在这个方法中你需要写把聊天记录从(Demo.chatRecord.环信用户id.messages) 循环取出来，包装成HTML然后在 $("#wrapper"+Demo.selected).append() 这些HTML即可
5.实现保存聊天
解决办法：就是在 sendTxt里面调用我们的ajax方法保存
大致就这么多，个人不建议基于官方的webIM的Demo 去修改，这次踩过这个坑了
欢迎各位 集成的朋友来访，目前我这个算是解决，等过段时间我还是自己写一个吧，不打算基于他们的Demo去改造
在此欢迎去我的博客: www.kaven.cn
