websocket消息推送

最新推荐文章于 2021-02-12 23:22:50 发布

iechenyb_

最新推荐文章于 2021-02-12 23:22:50 发布

阅读量1.2k

点赞数

分类专栏：环境搭建 JAVASE

本文链接：https://blog.csdn.net/iechenyb/article/details/48785491

版权

环境搭建同时被 2 个专栏收录

115 篇文章 0 订阅

订阅专栏

JAVASE

42 篇文章 0 订阅

订阅专栏

关于websocket等反向ajax技术介绍

在实时web应用中，常见的方法是反向Ajax。反向Ajax的定义：

反向Ajax（Reverse Ajax）本质上则是这样的一种概念：能够从服务器端向客户端发送数据。在一个标准的HTTP Ajax请求中，数据是发送给服务器端的，反向Ajax可以某些特定的方式来模拟发出一个Ajax请求，这些方式本文都会论及，这样的话，服务器就可以尽可能快地向客户端发送事件（低延迟通信）。

反向Ajax技术主要有两点内容：一是服务器端保持住TCP连接直到其有数据发送给客户端（可以使用循环和睡眠实现），二是客户端js编程技巧。

websocket是html5的规范，也属于反ajax技术。

socket.io实现反向AJAX技术实例

socket.io官方介绍：

Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It's care-free realtime 100% in JavaScript. In order to provide realtime connectivity on every browser, Socket.IO selects the most capable transport at runtime, without it affecting the API. WebSocket Adobe® Flash® Socket AJAX long polling AJAX multipart streaming Forever Iframe JSONP Polling

简单来说socket.io是一个基于nodejs的库，其对多种反向ajax技术进行了包装并统一了接口。在运行时候socket.io自动根据浏览器的情况选择合适的反向ajax技术与socket.io服务器进行交互。如果说websocket等技术是规范的话，那么socket.io则属于应用。

下面说一下如何安装（作者使用Linux Mint 16）：

安装node.js：

复制代码代码如下:

sudo apt-get install nodejs

输入命令nodejs即可进入shell模式。

安装npm：

复制代码代码如下:

sudo apt-get install npm

安装socket.io：

复制代码代码如下:

sudo npm install socket.io

安装包存放在~/node_modules目录下，客户端socket.io.js存放在~/node_modules/socket.io/node_modules/socket.io-client/dist目录下。

socket.io示例

以下示例来自官方网站并做了适当修改。

首先建立server端（服务端）代码（文件test.js）：

复制代码代码如下:

var io = require('socket.io').listen(8080);

io.sockets.on('connection', function (socket) {
socket.emit('news', { hello: 'world' });
socket.on('my other event', function (data) {
console.log(data);
});
});

服务端test.js绑定了8080端口，当一个客户端连接服务端test.js时候，服务端test.js向客户端发出news指令并传送数据{ hello: 'world' }；而服务端test.js收到my other event指令时候会调用回调函数function (data) { console.log(data);}来处理接收到的数据data。

笔者搭建了nginx服务器，其使用的80端口，web根目录为/usr/share/nginx/html。将~/node_modules/socket.io/node_modules/socket.io-client/dist下的socket.io.min.js复制到web根目录，并在在web根目录下建立文件index.php（作为客户端），内容如下：

复制代码代码如下:

<html>
<head>
</head>
<script src="socket.io.min.js"></script>
<body>
<script>
var socket = io.connect('http://localhost:8080');
socket.on('news', function (data) {
    console.log(data);
    console.log(data["hello"]);
    socket.emit('my other event', { my: 'data' });
});
</script>
</body>

</html>

上面代码中，socket绑定了8080端口，也就是绑定了server端。socket.on()指定了当收到news指令时候，应该如何处理收到的指令对应的数据，socket.emit()向server端发送指令和数据。

运行server端：

java 后台：SocketIOServer.getBroadcastOperations().sendEvent("requeststr",msg);

iechenyb_

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
websocket消息推送

关于websocket等反向ajax技术介绍在实时web应用中，常见的方法是反向Ajax。反向Ajax的定义：反向Ajax（Reverse Ajax）本质上则是这样的一种概念：能够从服务器端向客户端发送数据。在一个标准的HTTP Ajax请求中，数据是发送给服务器端的，反向Ajax可以某些特定的方式来模拟发出一个Ajax请求，这些方式本文都会论及，这样的话，服务器就可以尽可能快地向客户端发
复制链接

扫一扫

专栏目录