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、下面就能夠在組件中使用：