websocket连接openfire

最新推荐文章于 2024-08-12 10:05:01 发布
最新推荐文章于 2024-08-12 10:05:01 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbn2676043895/article/details/89643612
版权

https://my.oschina.net/lwenhao/blog/2208991

引入XML与JSON互转的js

<script src="lib/XML/ObjTree.js"></script>
<script src="lib/XML/jkl-dumper.js"></script>

自行百度下载新版本。我使用的版本上传至百度网盘：

链接: https://pan.baidu.com/s/1ALWJPAbb14yKtsY_CTj1Gg 提取码: vfc3

使用方法：

    //json转xml
  function json2xml(jsonstring) {

    var xotree = new XML.ObjTree();
    var xml = xotree.writeXML(jsonstring);
    //使用jkl-dumper.js中的formatXml方法将xml字符串格式化
    //var xmlText = formatXml(xml);
    return xml;
  }

  //xml转json
  function xml2json(xmlstring) {
    //将xml字符串转为json
    var xotree = new XML.ObjTree();
    var json = xotree.parseXML(xmlstring);
    //将json对象转为格式化的字符串
    var dumper = new JKL.Dumper();
    var jsonText = dumper.dump(json);
    return JSON.parse(jsonText);
  }

三、使用

1. 先获取安装的服务器地址

在http://192.168.2.11:9090/index.jsp 首页面可以看到以下信息：

服务器属性
    服务器启动时间：    20 天, 23 小时, 22 分钟 -- started 2018-9-5 15:44:47
    版本： Openfire 4.2.2
    Openfire 主目录：   /var/openfire
    服务器名称： lvs-backup-1

环境
    JVM 版本和供应商： 1.8.0_65 Oracle Corporation -- Java HotSpot(TM) 64-Bit Server VM
    应用服务器：  jetty/9.2.z-SNAPSHOT
    主机名：    lvs-backup-1
    OS／硬件：  Linux / amd64
    语言环境／时区：    zh_CN / 中国标准时间 (8 GMT)

服务器端口
    所有的地址   7070    HTTP绑定  端口用于客户端使用不安全的HTTP方式访问
    所有的地址   7443    端口用于网络上以SSL加密的通信，HTTP绑定端口用于客户端使用安全的HTTP方式访问

2. 创建websocket

//地址
  var host = "ws://192.168.2.11:7070/ws/";
 //创建websocket， OpenFire是实现了WebSocket的子协议
websocket = new WebSocket(host, 'xmpp');

//连接成功建立的回调方法
websocket.onopen = wsopen;
//连接发生错误的回调方法
websocket.onerror = wserror;
//连接关闭的回调方法
websocket.onclose = wsclose;
//收到消息时执行的方法
websocket.onmessage = wsmessage;

当websocket连接成功，就需要发起建立流的请求

3. 发起建立流的请求

发送xml

<?xml version="1.0" encoding="UTF-8" ?>
<open to="lvs-backup-1" from="AA@lvs-backup-1" xmlns="urn:ietf:params:xml:ns:xmpp-framing" xml:lang="zh" version="1.0" />

方法

to和from是服务器名称

 //域名
 var to = "lvs-backup-1";
 //JID
 var from = AA@lvs-backup-1;
 var xmlns = "urn:ietf:params:xml:ns:xmpp-framing";
 var version = "1.0";
 var xmllang = "zh";
 var resource = "appClient";

 //发起建立流的请求
  function connwsopen() {
    var temp = {
      "open": {
        "-to": to,
        "-from": from,
        "-xmlns": xmlns,
        "-xml:lang": xmllang,
        "-version": version
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

接收XML

服务器返回同意建立流

<open to='AA@lvs-backup-1' from='lvs-backup-1' id='1g0xa0mr98' xmlns='urn:ietf:params:xml:ns:xmpp-framing' xml:lang='zh' version='1.0'/>

安全验证的方式，使用PLAIN方式，这种方式是把用户名和密码通过BASE64加密后传输。

<stream:features xmlns:stream='http://etherx.jabber.org/streams'><mechanisms xmlns="urn:ietf:params:xml:ns:xmpp-sasl"><mechanism>PLAIN</mechanism><mechanism>SCRAM-SHA-1</mechanism><mechanism>CRAM-MD5</mechanism><mechanism>DIGEST-MD5</mechanism></mechanisms></stream:features>

4.登录

使用PLAIN方式，需要对用户名和密码通过BASE64加密

字符串格式是：jid+password，以\0作为分隔符
var temp = username + "@" + to + "\0" + password;
//Base64编码
var token = window.btoa(temp);

发送XML

<?xml version="1.0" encoding="UTF-8" ?>
<auth xmlns="urn:ietf:params:xml:ns:xmpp-sasl" mechanism="PLAIN">MTUyNzUwNzYzNTNAbHZzLWJhY2t1cC0xAGUxMGFkYzM5NDliYTU5YWJiZTU2ZTA1N2YyMGY4ODNl</auth>

方法

  //登录验证
  function validatelogin() {
    //字符串格式是：jid+password，以\0作为分隔符
    var temp = username + "@" + to + "\0" + password;
    //Base64编码
    var token = window.btoa(temp);
    var message = {
      "auth": {
        "-xmlns": "urn:ietf:params:xml:ns:xmpp-sasl",
        "-mechanism": "PLAIN",
        "#text": token
      }
    };
    websocket.send(json2xml(message));
  }

接收XML

登录成功：

<success xmlns="urn:ietf:params:xml:ns:xmpp-sasl"/>

登录失败：

 <failure xmlns="urn:ietf:params:xml:ns:xmpp-sasl"><not-authorized/></failure>

登录验证成功后，需要再发起一个新的流，新的流服务端会给予一些新的XML节点权限（、），这样才能发送一些其他功能的信息，比如发送消息，获取联系人列表，刚开始建立的第一个流失不能发送这些节点的。

5.发起新的流

在发起新的流之前，需要获取到第一个流的id，这个id就是与websocket的会话差不多。

发送XML

<?xml version="1.0" encoding="UTF-8" ?>
<open xmlns="jabber:client" to="lvs-backup-1" version="1.0" from="AA@lvs-backup-1" id="1g0xa0mr98" xml:lang="zh" />

方法

id = "1g0xa0mr98"; 第一个流的id

 //发起新的流
  function newopen() {
    var temp = {
      "open": {
        "-xmlns": "jabber:client",
        "-to": to,
        "-version": version,
        "-from": from,
        "-id": id,
        "-xml:lang": xmllang
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

接收XML

同意打开新流

<open to='AA@lvs-backup-1' from='lvs-backup-1' id='1g0xa0mr98' xmlns='urn:ietf:params:xml:ns:xmpp-framing' xml:lang='zh' version='1.0'/>

接下来需要做bind操作

 <stream:features xmlns:stream='http://etherx.jabber.org/streams'><bind xmlns='urn:ietf:params:xml:ns:xmpp-bind'/><session xmlns='urn:ietf:params:xml:ns:xmpp-session'><optional/></session><sm xmlns='urn:xmpp:sm:3'/></stream:features>

6. bind

绑定操作，也需要id的，在绑定的时候，可以增加客户端的描述。

appClient：是app的客户端

发送XML

<?xml version="1.0" encoding="UTF-8" ?>
<iq id="1g0xa0mr98" type="set">
<bind xmlns="urn:ietf:params:xml:ns:xmpp-bind">
<resource>appClient</resource>
</bind>
</iq>

方法

 //bind操作
  function bind() {
    var temp = {
      "iq": {
        "-id": id,
        "-type": "set",
        "bind": {
          "-xmlns": "urn:ietf:params:xml:ns:xmpp-bind",
          "resource":resource
        }
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

接收

<iq xmlns="jabber:client" type="result" id="1g0xa0mr98" to="lvs-backup-1/8itpfrge4k"><bind xmlns="urn:ietf:params:xml:ns:xmpp-bind"><jid>AA@lvs-backup-1/appClient</jid></bind></iq>

7. 获取session

发送XML

<?xml version="1.0" encoding="UTF-8" ?>
<iq xmlns="jabber:client" id="1g0xa0mr98" type="set">
<session xmlns="urn:ietf:params:xml:ns:xmpp-session" />
</iq>

方法

  //获取session
  function getsession() {
    var temp = {
      "iq": {
        "-xmlns": "jabber:client",
        "-id": id,
        "-type": "set",
        "session": {"-xmlns": "urn:ietf:params:xml:ns:xmpp-session"}
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

接收

<iq xmlns="jabber:client" type="result" id="1g0xa0mr98" to="AA@lvs-backup-1/appClient"/>

这个时候，在web页面会话中看到的，账号还是离线状态。对应的消息也收不到。下一步就需要做上线的操作了。

7. 上线

发送XML

<?xml version="1.0" encoding="UTF-8" ?>
<presence id="1g0xa0mr98">
<status>online</status>
<priority>1</priority>
</presence>

方法

priority:设置优先级的

//上线
  function presence() {
    var temp = {
      "presence": {
        "-id": id,
        "status": "online",
        "priority": "1"
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

接收XML

会把对应的好友发送过来

<presence xmlns="jabber:client" from="BB@lvs-backup-1" to="AA@lvs-backup-1" type="subscribe"/>
<presence xmlns="jabber:client" from="CC@lvs-backup-1" to="AA@lvs-backup-1" type="subscribe"/>

这时候再看web中的会话，该账号就在线了。

8. 发送消息

发送XML

body：对应的消息内容

<?xml version="1.0" encoding="UTF-8" ?>
<message type="chat" from="AA@lvs-backup-1" to="BB@lvs-backup-1">
<subject>标题</subject>
<body>你好</body>
</message>

方法

number：给谁发
message：消息内容

 //发消息
  function send(number,message) {
    var temp = {
      "message": {
        "-type":"chat",
        "-from":  username+"@"+to,
        "-to": number+"@"+to,
        "subject":"标题",
        "body": message
      }
    };
    //转化为xml
    var steam = json2xml(temp);
    websocket.send(steam);
  }

四、 过程

用户名： 15275076353
密码： e10adc3949ba59abbe56e057f20f883e
正在连接..
连接已建立

发起建立流的请求: <?xml version="1.0" encoding="UTF-8" ?>
<open to="lvs-backup-1" from="15275076353@lvs-backup-1" xmlns="urn:ietf:params:xml:ns:xmpp-framing" xml:lang="zh" version="1.0" />

接收到的 <open to='15275076353@lvs-backup-1' from='lvs-backup-1' id='3r01w7mpew' xmlns='urn:ietf:params:xml:ns:xmpp-framing' xml:lang='zh' version='1.0'/>

接收到的 <stream:features xmlns:stream='http://etherx.jabber.org/streams'><mechanisms xmlns="urn:ietf:params:xml:ns:xmpp-sasl">
<mechanism>PLAIN</mechanism><mechanism>SCRAM-SHA-1</mechanism><mechanism>CRAM-MD5</mechanism><mechanism>DIGEST-MD5</mechanism></mechanisms>
</stream:features>

登录验证： <?xml version="1.0" encoding="UTF-8" ?>
<auth xmlns="urn:ietf:params:xml:ns:xmpp-sasl" mechanism="PLAIN">MTUyNzUwNzYzNTNAbHZzLWJhY2t1cC0xAGUxMGFkYzM5NDliYTU5YWJiZTU2ZTA1N2YyMGY4ODNl</auth>

接收到的 <success xmlns="urn:ietf:params:xml:ns:xmpp-sasl"/>

登录成功！

发起新的流： <?xml version="1.0" encoding="UTF-8" ?>
<open xmlns="jabber:client" to="lvs-backup-1" version="1.0" from="15275076353@lvs-backup-1" id="3r01w7mpew" xml:lang="zh" />

接收到的 <open to='15275076353@lvs-backup-1' from='lvs-backup-1' id='3r01w7mpew' xmlns='urn:ietf:params:xml:ns:xmpp-framing'
xml:lang='zh' version='1.0'/>

接收到的 <stream:features xmlns:stream='http://etherx.jabber.org/streams'><bind xmlns='urn:ietf:params:xml:ns:xmpp-bind'/>
<session xmlns='urn:ietf:params:xml:ns:xmpp-session'><optional/></session><sm xmlns='urn:xmpp:sm:3'/></stream:features>

bind操作： <?xml version="1.0" encoding="UTF-8" ?>
<iq id="3r01w7mpew" type="set">
<bind xmlns="urn:ietf:params:xml:ns:xmpp-bind">
<resource>appClient</resource>
</bind>
</iq>

接收到的 <iq xmlns="jabber:client" type="result" id="3r01w7mpew" to="lvs-backup-1/3r01w7mpew"><bind xmlns="urn:ietf:params:xml:ns:xmpp-bind"><jid>15275076353@lvs-backup-1/appClient</jid></bind></iq>

获取session： <?xml version="1.0" encoding="UTF-8" ?>
<iq xmlns="jabber:client" id="3r01w7mpew" type="set">
<session xmlns="urn:ietf:params:xml:ns:xmpp-session" />
</iq>

接收到的 <iq xmlns="jabber:client" type="result" id="3r01w7mpew" to="15275076353@lvs-backup-1/appClient"/>

上线： <?xml version="1.0" encoding="UTF-8" ?>
<presence id="3r01w7mpew">
<status>online</status>
<priority>1</priority>
</presence>

接收到的 <presence xmlns="jabber:client" from="11112222333@linux" to="15275076353@lvs-backup-1" type="subscribe"/>
接收到的 <presence xmlns="jabber:client" from="13121372109@linux" to="15275076353@lvs-backup-1" type="subscribe"/>

 

lbn2676043895
关注
webSocket4xmpp:这是webSocket通过xmpp子协议调用openfire的例子
04-28
webRtcDemo 这是使用Websockets的聊天服务的简单示例。 我使用jetty通过http和Netty提供静态文件，以处理webRTC通信。 此示例基于khs-stockticker： 使用的技术： Http服务器的码头WebSocket服务器的净额GSON用于JSON数据Maven构建工具 操作说明： 打开控制台并执行“ mvn jetty：run”以在端口9080上启动http服务器 在新控制台中，执行“ mvn测试”以在端口9090上编译并运行Netty Websocket服务器 打开Web浏览器，然后转到URL 注意：Jetty和Netty应该在同一服务器上运行，因为websocket URL是使用Jetty的主机名构建的。 这在客户端javascript（webRtcDemo.js）中进行了硬编码。 同样，Netty服务器的端口也应为9090，因为它也
通过 websocket 连接 openfire
weixin_33939843的博客
09-26 827
2019独角兽企业重金招聘Python工程师标准>>> ...
本地创建Websocket服务端并使用内网穿透配置公网地址实现远程连接
最新发布
qq_73017178的博客
08-12 861
本文主要介绍如何使用cpolar内网穿透工具生成公网TCP地址，轻松实现使用Websocket客户端远程连接本地Websocket服务端进行通信，无需公网IP，也不用设置路由器那么麻烦。
[Openfire]使用WebSocket建立Openfire的客户端
weixin_30834019的博客
03-26 403
　　近日工作闲暇之余，对IM系统产生了兴趣，转而研究了IM的内容。找了半天，知道比较流行的是Openfire的系统，Openfire有许多平台实现，由于我是做Web的，所以当然是希望寻找Web的实现。Openfire的以前的Web实现，是基于Http-bind的一种长轮询机制，当然也没什么不好，只是我现在HTML5都开始了，当然希望能够来个基于Websocket的机制了。然而Google&am...
Free Switch 端口配置
热门推荐
让我们一起异想天开
06-30 1万+
Free Switch处于防火墙内，因此需要在防火墙上开启相关端口映射，否则无法接收到数据包. 下表为各个模块默认使用的端口列表: FireWall Ports Network Protocol Application Protocol Description 1719 UDP H.323 Gatekeeper R
使用websocket通过xmpp实现基于openfire服务器的即时通讯功能
qq_39555754的博客
08-24 525
使用websocket通过xmpp实现基于openfire服务器的即时通讯功能 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 转发博客 https://www.cnblogs.com/wucao/p/4223169.html 链接: https://www.cnblogs.com/wucao/p/4223169.html ...
通过 websocket 连接 openfire-附件资源
03-05
通过 websocket 连接 openfire-附件资源
websocket+smack+openfire的的源代码
03-26
Openfire 支持 WebSocket 连接，允许客户端通过 WebSocket 实现与服务器的即时通信，从而提供更好的性能和兼容性。 在 WebSocket+Smack+Openfire 的组合中，Openfire 作为服务器端，负责处理用户的注册、登录、消息...
websocket+smack+openfire的所有lib库
01-11
使用这些库，开发者可以创建一个功能完备的系统，其中 WebSocket 提供了低延迟的网络连接，Smack 处理 XMPP 协议的解析和封装，而 OpenFire 作为后台服务器处理用户认证、消息路由等任务。通过整合这三个组件，...
移动Web开发学习笔记
weixin_44598449的博客
06-19 303
大三选了移动Web开发这门课，最后复习时整理了一下学习笔记 移动端浏览器也可以使用alert等 有趣的标签 mark：高亮显示标签 track：video，audio的内嵌标签，用于设置字幕信息 embed：用于内嵌媒体资源类似video，audio，但是支持的类型更加广泛 progress：进度条 ruby：给文本添加拼音 <ruby> 汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
nginx代理openfire
化工厂的博客
01-05 807
背景：现想在只开放一个端口号的前提下，利用nginx代理转发，访问到openfire的三个端口 准备工作：本地搭建openfire，nginx 启动openfire，访问127.0.0.1:9595，打开登录页面证明部署成功 openfire除了管理使用的9595端口外，还额外占用7070和5222两个端口（端口可以登录管理页面进行修改默认为9595、7070、5222） 1、第一次尝试：监听8001端口，配置三个upstream，指向不同的端口 http { include ...
jkl-dumper.js和ObjTree.js （json与xml格式转换所用插件 ）
11-17
利用 jkl-dumper.js和ObjTree.js实现json与xml格式互转所用插件,这个插件亲测试有效。效果展示：https://json.ma。
openfire安装WebSocket插件
08-11
NULL 博文链接：https://bsr1983.iteye.com/blog/2240070
websocket + smack4.1.8 + openfire 构建实时聊天
01-11 3424
从开始选型到demo 完成，前前后后估计花费接近两个星期吧。 1、选型 A、收费的可以Pass,当时网易客服就推荐过，可以微信小程序里直接使用。 B、服务端全部自建这种，没有敢用。由时时间精力等原因，不太可能让你维护一套复杂的服务端代码。 https://www.oschina.net/p/qiqi-im ， 还github上也有相类似的就是这么pass掉了。 我采用了业内最
OpenFire webSocket uni-app wx小程序之用户登录
记录分享前端技术
01-11 585
ObjTree插件npm地址 btoa插件npm地址 import ObjTree from 'objtree' import btoa from 'btoa' data() { return { socketTaskId: '' } }, methods: { openSocket() { // 第一先建立连接 let host= 'wss://10.11.0.100:7443/ws' var socketTask = uni.connectSocket({
熬了两个夜 写出来的功能 在小程序中使用websocket的xmpp协议 链接 openfire服务,构建一个简单的IM系统 demo
知无涯
05-15 1万+
初生牛犊不怕虎 山重水复疑无路 柳暗花明又一村 为伊消得人憔悴 提携玉龙为君死 let WebIM = require("../../utils/WebIM")["default"]; let __test_account__, __test_psword__; let disp = require("../../utils/broadcast"); var X2JS = require('../../sdk/x2j/x2js/we-x2j...
Nginx常用命令
weixin_42529849的博客
06-28 1034
1、启动./nginx2、参数装载./nginx -s reload3、查看配置文件是否正确./nginx -t 4、查看版本./nginx -v5、退出
xmpp java websocket_Websocket整合登录XMPP的思考
weixin_39842475的博客
02-16 360
在上一篇文章里面提到过，由于websocket使用的是类socket方式与xmpp服务进行交互，因此没有办法像bosh那样在web后台先登录成功后，然后利用返回的sid和rid进行会话还原。那现在就是要思考使用websocket的前端怎么实现用户在web上登录成功了，websocket登录xmpp服务器也一并成功呢？而且还要实现用户切换刷新web页面，xmpp会话不掉线呢？最初我想的是，是否要重新...
【Openfire】网页版单对单聊天实例
编程记录，亲测有效
07-26 5758
网上部分关于Openfire的代码，只实现了，从单一应用与Openfire已经封装好的Spark客户端交互的功能，并没有实现一个应用内，多个用户交互的功能。 下面编写一个Openfire网页版单对单聊天的实例，用Smack的api与Struts2实现。 如下图，开两个浏览器，模拟两个用户，实现网页版的Openfire聊天。
websocket 连接
03-20
WebSocket是一种在Web浏览器和服务器之间进行全双工通信的协议。它允许服务器主动向客户端推送数据，而不需要客户端发起请求。相比传统的HTTP请求-响应模式，WebSocket提供了更低的延迟和更高的实时性。 WebSocket连接的建立过程如下： 1. 客户端发送一个HTTP请求给服务器，请求升级协议为WebSocket。 2. 服务器收到请求后，如果支持WebSocket协议，则返回一个HTTP 101状态码，表示协议升级成功。 3. 客户端收到服务器的响应后，也返回一个HTTP 101状态码，表示协议升级成功。 4. 协议升级成功后，客户端和服务器之间的连接就变成了全双工通信的WebSocket连接。 WebSocket连接的特点包括： 1. 实时性：WebSocket连接可以实现实时数据传输，服务器可以主动向客户端推送数据。 2. 低延迟：相比传统的HTTP请求-响应模式，WebSocket连接可以减少网络延迟，提供更快的数据传输速度。 3. 双向通信：WebSocket连接是全双工通信的，客户端和服务器可以同时发送和接收数据。 4. 跨域支持：WebSocket连接支持跨域通信，可以在不同域名下的客户端和服务器之间建立连接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值