海天建设集团公司网站,单人做网站,网页游戏平台51,石家庄新闻头条新闻最新今天场景#xff1a;后端更新数据推送到客户端(Java部分使用Tomcat服务器)。后端推送数据的解决方案有很多#xff0c;比如轮询、Comet、WebSocket。1. 轮询对于后端来说开发成本最低#xff0c;就是按照传统的方式处理Ajax请求并返回数据#xff0c;在学校的时候实验室的项目一…场景后端更新数据推送到客户端(Java部分使用Tomcat服务器)。后端推送数据的解决方案有很多比如轮询、Comet、WebSocket。1. 轮询对于后端来说开发成本最低就是按照传统的方式处理Ajax请求并返回数据在学校的时候实验室的项目一直都采用轮询因为它最保险也最容易实现。但轮询带来的通信资源的浪费是无法忽视的无论数据是否改变都照常发送请求并响应而且每次HTTP请求都带有很长的头部信息。2. Comet的概念是长连接客户端发送请求后后端将连接保持下来直到连接超时或后端返回数据时再重新建立连接有效的将通信资源转移到了服务器上实际消耗的是服务器资源。3. WebSocket是HTML5提供的一种全双工通信技术通过“握手”实现客户端与服务器之间的通信实时性好携带的头部也较小目前支持的浏览器如下理想的情况是采取WebSocket与Comet结合的方式对IE8等浏览器采取Comet方式做降级处理。但是这样一来后端需要实现两种处理请求的逻辑即WebSocket与Comet。所以本文加入Node.js之所以这样做是将处理WebSocket(或Comet)的逻辑转移到Node.js部分不给后端“添麻烦”因为在实际情况下前端开发人员推动后端开发人员并不容易。Node.js作为浏览器与Java业务逻辑层通信的中间层连接客户端与Tomcat通过Socket与Tomcat进行通信(是Socket不是WebSocket后端需要实现Socket接口。在客户端WebSocket与Comet通过Socket.io实现Socket.io会针对不同的浏览器版本或者不同客户端选择合适的实现方式(WebSocket, long pull..)Socket.io的引入让处理WebSocket(或长连接)变的很容易。Socket.io客户端引入socket.io客户端JavaScript代码var socket io.connect(127.0.0.1:8181);// 发送数据至服务器socket.emit(fromWebClient, jsonData);// 从服务器接收数据socket.on(pushToWebClient, function (data) {// do sth.});Node.js服务器代码var http require(http),app http.createServer().listen(8181),io require(socket.io).listen(app);io.sockets.on(connection, function (socketIO) {// 从客户端接收数据socketIO.on(fromWebClient, function (webClientData) {// do sth.});// 客户端断开连接socketIO.on(disconnect, function () {console.log(DISCONNECTED FROM CLIENT);});// 向客户端发送数据socketIO.emit(pushToWebClient, jsonData);});建立好客户端同Node.js服务器的连接只是第一步下面还需要建立Node.js服务器与Java业务逻辑层的联系。这时Node.js服务器则作为客户端向Tomcat发送TCP连接请求。连接成功后Node.js服务器和Tomcat建立了一条全双工的通道而且是唯一的一条不论有多少个客户端请求都从Node.js服务器转发至Tomcat同样Tomcat推送过来的数据也经由Node.js服务器分发至各个客户端。这里存在一个问题就是在WebSocket连接与Socket连接都建立好之后两次连接彼此之间是屏蔽的。Tomcat不知道是哪次WebSocket连接发送过来的数据也不知道是哪个客户端发来的数据。当然Node.js可以利用session id发送至Tomcat来标识是哪一个客户端但本文采用的是另外一种办法。客户端同Node.js建立WebSocket连接时每个连接都会包含一个实例这里称它为socketIO。每个socketIO都有一个id属性用来唯一标识这个连接这里称它为socket_id。利用socket_id在Node.js服务器建立一个映射表存储每一个socketIO与socket_id的映射关系。Node.js服务器发送数据给Tomcat时带上这个socket_id再由Java部分进行一系列处理以后封装好每个客户端需要的不同数据一并返回返回的数据里要有与socket_id的对应关系。这样Node.js服务器收到Tomcat发来的数据时通过前面提到的映射表由不同的socketIO分发至不同的客户端。Node.js服务器代码:var http require(http),net require(net),app http.createServer().listen(8181),io require(socket.io).listen(app),nodeServer new net.Socket();// 连接到TomcatnodeServer.connect(8007, 127.0.0.1, function() {console.log(CONNECTED);});// 存储客户端的WebSocket连接实例var aSocket {};// 同客户端建立连接io.sockets.on(connection, function (socketIO) {// 从客户端接收数据然后发送至TomcatsocketIO.on(fromWebClient, function (webClientData) {// 存储至映射表aSocket[socketIO.id] socketIO;// 发送至Tomcat的数据中添加socket_idwebClientData[sid] socketIO.id;// 发送String类型的数据至TomcatnodeServer.write(JSON.stringify(webClientData));});// 客户端断开连接socketIO.on(disconnect, function () {console.log(DISCONNECTED FROM CLIENT);});});// 从Tomcat接收数据nodeServer.on(data, function (data) {var jsonData JSON.parse(data.toString());// 分发数据至客户端for (var i in jsonData.list) {aSocket[jsonData.list[i][sid]].emit(pushToWebClient, jsonData.list[i].data);}});上面的代码省略了一些逻辑比如Node.js服务器从Tomcat接收的数据分为两种一种是推送过来的数据另外一种是响应请求的数据这里统一处理推送过来的数据。在处理通信时Node.js发送至Tomcat的数据是String格式而从Tomcat接收的数据为Buffer对象(8进制)需要转化为String之后再转化为json发送至客户端。本文只是给出一个这样两次连接的简单例子具体的业务中需要加入许多东西。既然在项目中引入了Node.js就需要前端承担更多的事情比如对数据的处理、缓存、甚至加入很多业务逻辑。