vue集成环信sdk实现聊天

最近由app开发分配到了前端组,负责PC端的聊天功能,现在记录一下当时集成环信sdk遇到的坑

环境: npm集成

图一

1.把环信的库导进来,在main.js文件里面集成引入,

图二

2.配置环信的环境,(很重要,跟着我的做)

图3

现在解释一下 webim.js里面都是初始化环信聊天,登录环信聊天,或者接受到别人发的消息的方法api

图4

现在解释一下 webIMConfig.js里面都是环信环境的api,直接复制我的,唯一要改的见下图

 图5 唯一要改的地方,这个appkey换成你们自己的应用的  其他直接复制

图6 环信登录

现在就完成了环信初始化 登录的事项,注意环信账号的登录是通过后台获取的,现在来搭建聊天界面,环信并没有提供类似app的聊天界面,所以需要自己搭建,我这里只是单纯的单聊,界面也是借助网上的老大的,现在来看看效果,一会我会把这些核心代码文件全部贴上去

图7,全是自己搭建的UI,可以发表情和图片文件

自此,全部结束,在集成过程中,没有改动任何node库里面的东西,看网上说的,还要集成这个那个,改动node库里面的代码,实在是下下策,现在我将这些重要的核心文件上传,希望对你有所帮助,谢谢,有的话,请给一个红心,谢谢大家,本人qq982140599(毛玉虎,不懂可以加我)

配置文件下载地址

https://github.com/maoyuhu/im.git