宝哥软件园

用JavaScript/jQuery、HTML、CSS搭建Web IM远程即时聊天交流程序

编辑:宝哥软件园 来源:互联网 时间:2021-10-08

以及需要以http模式与Openfire通信的第三方库(jabberHttpbundle)。JabberHTTPBind是Jabber提供的XMPP协议通信的http绑定方式,可以完成WebBrowser和Openfire之间的长连接通信。主要通信流程如下图所示:image

用户通过JavaScript jsjac.js库向Servlet容器JabberHTTPBind发送消息,然后JabberHTTPBind的Servlet容器向Openfire发送XMPP协议的XML消息。Openfire服务器收到消息后解析,然后发送给指定的用户B.JabberHTTPBind获取Openfire Server发送的数据后,解析消息在当前Servlet容器中的链接的Session中找到指定的用户,然后将数据发送给用户b,WebBrowser使用jsjac和JabberHttpBond建立的连接,JabberHttpBond解析/转换后,所有数据都会发送给Openfire。先看看上图的效果,呵呵~这里是用户hoojo和girl的聊天画面,双方都在聊天.image

可以发送表达式,更改字体样式(你的字体样式也可以在其他界面看到),同时右侧信息显示/缩小细节image

收缩细节image

聊天界面截图。用户登录并注册。sendTo表示登录后向谁发送聊天消息,并建立聊天窗口image

image

成功登录后,您可以在日志控制台中看到您的登录状态,或者在firebug控制台image中看到您的连接请求状态。

image

登录失败image

只有连接,没有跟随image

登录成功后,可以向指定用户发送消息,并设置想要发送消息的新用户点击新的Chat按钮创建新的会话image

如果你来了新消息,浏览器image的标题栏会有新消息提示。

如果你当前聊天界面的所有窗口都关闭了,右下角会有一个闪烁的图标和消息提示。所有的源代码都贴在这里了。如果你真的需要源代码(但我希望你能自己创建一个项目来复制源代码,这是我希望看到的),那么你可以通过以下方式通过电子邮件联系我:【电子邮件保护】博客:http://hoojo.blogjava.net,http://hoojo.cnblogs.com/, http://blog.csdn.net/IBM_hoojo注:我不会保证第一时间给你代码。但是我会把源代码开发环境发给你系统:Windows Java EE Server:Tomcat 5 . 0 . 28/Tomcat 6 webbrowser:IE6、Firefox3.5、Chrome已经兼容浏览器Java SDK:JDK 1.6 OpenFire 3 . 7 . 1 IDE:Eclipse 3.2、MyEclipse 6.5开发依赖库image

JDK 1.4序列化程序。jarxalan . jarjhb-1.0 . jarlog4j-1 . 2 . 16 . jarjhb-1.0 . jar这是JabberHTTPBind,我把编译好的类放入一个jar包,JavaScript lib image

拖放JavaScript lib jquery-1 . 7 . 1 . min . js jquery lib js JAC . js通信核心库local.chat-2.0.js本地会话窗口发送消息JavaScript library remote . js JAC . chat-2.0 . js remote。会话JavaScript库send.message.editor-1.0.js窗口编辑器JavaScript库I .准备jsjac JavaScript库下载:https://github.com/sstrigler/JSJaC/.如果你不喜欢用jsjac JavaScript库和Openfire通信,有一个jQuery插件可以供你使用。下载地址jQuery-xmpp-插件https://github.com/maxpowel/jQuery-XMPP-plugin.

更多资讯
游戏推荐
更多+