H5集成环信webIM即时通讯

387 阅读1分钟

最近在做一个小型项目,需要有聊天室直播聊天的功能。经过和网易云信,融云和环信的三家对比以后,选择了性价比比较高的环信来实现即时聊天,发送文字和表情的功能。下面和大家分享一下,我是如何继承的。

1、注册环信,获得appkey

注册账号之后,登录进入即时通信云管理后台,并在我的应用下创建一个自己的应用,这样就可得到应用的appkey了

2、引用对应的SDK

在环信的官网上找到,对应的SDK下载到本地。在即时聊天的web页面中分别引入如下三个js


<script src="../js/webim.config.js"> </script>
<script src="../js/strophe-1.2.8.min.js"> </script>
<script src="http://downloads.easemob.com/downloads/cdn/websdk-1.4.5.js"></script>

降webim.config.js中的appkey,修改为第一步中申请获得的appkey

3、配置环信

3.1、在webim.config.js中实现连接,具体代码如下

var conn = new WebIM.connection({
    isMultiLoginSessions: WebIM.config.isMultiLoginSessions,
    https: typeof WebIM.config.https === 'boolean&