美文网首页ThinkPHPphp程序员
ThinkPHP之WEBIM及时通信(环信)

ThinkPHP之WEBIM及时通信(环信)

作者: 回眸淡然笑 | 来源:发表于2017-09-13 14:27 被阅读82次
    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中实现了文字图片语音,文件的发送接收,以及视频的接收。

    原创文章,转载请注明出处

    相关文章

      网友评论

        本文标题:ThinkPHP之WEBIM及时通信(环信)

        本文链接:https://www.haomeiwen.com/subject/bloksxtx.html