这里实现 网页--网页 的及时聊天以及 网页--手机端 的及时聊天。
先上效果图。
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中实现了文字图片语音,文件的发送接收,以及视频的接收。
原创文章,转载请注明出处
网友评论