ThinkPHP之WEBIM及时通信（环信）
这里实现 网页--网页 的及时聊天以及 网页--手机端 的及时聊天。
先上效果图。
ThinkPHP之WEBIM及时通信（环信）
首先这里使用的是环信的sdk，当然手机端(android和ios)同样也是使用的环信的sdk。聊天数据没有存储在自己的服务器。只在手机端做了缓存。只有头像是获取自己服务器的数据，别的都是环信处理。头像为用户id作为路径。如(http://api.XXXX.com/uploads/person/911117.jpg),昵称在用户注册时候传递给环信保存。
首先下载环信sdk 地址 http://www.easemob.com/download/im 。将下载好了的文件移动到项目Public下。
ThinkPHP之WEBIM及时通信（环信）
这里我们需要修改的是demo文件下的javascript/dist/demo-1.4.10.js文件，具体修改的内容就是用户以及好友等的头像和昵称。改的地方比较多，大多是形如下图这样的
ThinkPHP之WEBIM及时通信（环信）
然后就是在模型中将用户信息传递给前台js去处理，别的就不用管了。给个参考
ThinkPHP之WEBIM及时通信（环信）
前台页面的js部分
ThinkPHP之WEBIM及时通信（环信）
好了就是这么简单，在网页端demo中实现了文字图片语音，文件的发送接收，以及视频的接收。
原创文章，转载请注明出处
