網頁聊天，angularjs + Websocket + Openfire Vs angularjs + node.js

Question

現在，我必須在我的web應用程序（Angularjs + Spring REST + mybatic）中添加實時聊天服務。 我想知道哪種方式更適合我們的發展。

1. angularjs + Websocket + Openfire 
2. angularjs + node.js 

是否有另一種開發即時聊天的方式。

Answer 1

您可以使用Strophe JavaScript Library來實現實時聊天。 該庫既有選項連接 1）網絡插槽和 2）波什

網絡套接字連接通常只有極少數的瀏覽器，如谷歌瀏覽器而不是由Mozilla Firefox瀏覽器的支持。所以最好的方法是與BOSH聯繫。

這個庫也有很好的文檔。 所以它成爲
AngularJs（設計圖）
+
的strophe（中間件連接服務器）
+
的Openfire（XMPP服務器）

Answer 2

您可以使用的Openfire服務器（XMPP服務器） + JSXC作爲網絡客戶端應用程序。

下載，然後從https://www.igniterealtime.org/projects/openfire/

JSXC安裝的Openfire服務器使用的strophe JavaScript庫，以便通過明火的管理面板使BOSH您的Openfire服務器內。 一般來說是在端口9090讓你的管理面板將在本地主機打開：9090

JSXC Web客戶端擁有所有基本功能，內置的諸如名冊，聊天窗口，消息，文件傳輸，視頻通話，在線狀態，設置， OTR加密等等。見下圖：

包含這些文件到您的web應用程序母版頁/佈局頁：

1. 「/jsxc/build/css/jsxc.css」
2. 「/ jsxc /build/css/jsxc.webrtc.css 「

3. 」/jsxc/example/css/example.css「

4. 」 /jsxc/build/lib/jquery.colorb OX-min.js 「

5. 」/jsxc/build/lib/jquery.slimscroll.js「
6. 」/jsxc/build/lib/jquery.fullscreen.js「
7. 」/ jsxc /編譯/ LIB/jsxc.dep.js」
8. 「/jsxc/build/jsxc.js」
9. 「/jsxc/example/js/main.js」

一旦你包括JSXC庫到您的網頁應用程序，它會看起來像這樣。

您需要配置的文件是 「jsxc \例子\ JS \ main.js」

下面我分享，我在我的web項目已經完成了配置：

$(function() { 
    var settings = { 
     xmpp: { 
     url: 'http://'+OPENFIRE_DOMAIN+':7070/http-bind/', 
     domain: OPENFIRE_DOMAIN, 
     resource: 'example', 
     overwrite: true, 
     onlogin: true 
     } 
    }; 

    jsxc.init({ 
     logoutElement: $('#logout'), 
     numberOfMsg:1000, 
     onlineHelp: 'mailto:support@ilook.com', 
     timeout:3000, 
     busytimeout: 15000, 
     notification: true, 
     defaultLang: 'en', 
     checkFlash: false, 
     rosterAppend: 'body', 
     root: '/' + PROJECT_NAME + 'jsxc/build/', 
     displayRosterMinimized: function() { 
     return false; 
     }, 
     // otr: { 
     // debug: false, 
     // SEND_WHITESPACE_TAG: true, 
     // WHITESPACE_START_AKE: true 
     // }, 
     loadSettings: function(username, password, cb) { 
     cb(settings); 
     }, 
     xmpp: { 
     url: settings.xmpp.url 

     } 
    }); 

function jsxcLogout() 
{ 
    jsxc.xmpp.logout; 
}