angular整合环信webIM

　　此处有两大坑：

　　　　一、下载easemob-websdk此npm包时，并无下载strophe.js、crypto-js、underscore这三个包，须要本身手动下载。

　　　　二、以下方标红位置所示，须要本身手动改动npm包内代码才可以使用。

　　

 

1、安装npm包

　　一、npm install easemob-websdk --save

　　二、npm install strophe.js --save

　　三、npm install crypto-js --save

　　四、npm install underscore --save

2、添加config.js文件

　　在node_modules/easemob-websdk/src目录下建立config.js文件，向文件内添加以下内容：

var config = {
    xmppURL: 'im-api.easemob.com',            // xmpp Server地址，对于在console.easemob.com建立的appKey，固定为该值

    apiURL: 'http://a1.easemob.com',          // rest Server地址，对于在console.easemob.com建立的appkey，固定为该值

    appkey: 'easemob-demo#chatdemoui',        // App key

    https: false,                            // 是否使用https

    isMultiLoginSessions: false,              // 是否开启多页面同步收消息，注意，须要先联系商务开通此功能

    isAutoLogin: true,                        // 自动出席，（如设置为false，则表示离线，没法收消息，须要在登陆成功后手动调用conn.setPresence()才能够收消息）

    isDebug: false,                           // 打开调试，会自动打印log，在控制台的console中查看log

    autoReconnectNumMax: 2,                   // 断线重连最大次数

    autoReconnectInterval: 2,                 // 断线重连时间间隔

    heartBeatWait: 4500,                       // 使用webrtc（视频聊天）时发送心跳包的时间间隔，单位ms

    delivery: true,                           // 是否发送已读回执

}

exports.config = config;

 

3、修改node_modules/easemob-websdk/src/connection.js文件：

　　一、修改头部代码：

　　

　　2：找到WebIM声明处代码，添加以下代码：

　　

4、修改node_modules/strophe.js/dist/strophe.js文件：

 

　　

5、下面就能够在组件中使用：