网页聊天，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; 
}