WebSocket初步认识

介绍

Websocket的最大特点就是，服务器可以主动向客户端推送消息，客户端也可以主动向服务器发送消息。，属于服务器推送技术的一种。（HTTP协议需要轮询询问服务端状态变化）

1. 建立在TCP协议之上，服务器端的实现比较容易。
2. 与HTTP协议有着良好的兼容性。并且握手阶段采用HTTP协议，因此握手时不容易屏蔽，能通过各种HTTP代理服务器。
3. 数据格式比较轻量，性能开销小，通信高效。
4. 可以发送文本，也可以发送二进制数据。
5. 没有同源限制，客户端可以与任意服务器通信。
6. 协议标示符是ws（如果加密，则为wss），服务器网址就是URL。

webscoket

var ws = new WebSocket(url);

• 属性：

  • bufferedAmount

  • readyState

    • CONNECTING：值为0，表示正在连接。
    • OPEN：值为1，表示连接成功，可以通信了。
    • CLOSING：值为2，表示连接正在关闭。
    • CLOSED：值为3，表示连接已经关闭，或者打开连接失败。

• 方法：

  • send、close

• 事件：

  • onopen\onmessage\onclose\onerror

服务器和客户端

$ websocketd --port=8080 bash ./counter.sh

var ws = new WebSocket('ws://localhost:8080/');

ws.onmessage = function(event) {
  console.log(event.data);
};

Socket.IO

传统上，套接字是构建大多数实时聊天系统的解决方案，可在客户端和服务器之间提供双向通信通道。每当您编写聊天消息时，其想法都是服务器将获得该消息并将其推送到所有其他已丽娜姐的客户端。

var app = require（'express'）（）; 
var http = require（'http'）.createServer（app）; 
var io = require（'socket.io'）（http）;

app.get（'/'，（req，res）=> { 
  res.sendFile（__ dirname + '/index.html'）; 
}）;

io.on（'connection'，（socket）=> { console .log（'用户已连接'）; }）;

http.listen（3000，（）=> { console .log（'正在*：3000'监听 ; ）;））;

客户端：

<script src="/socket.io/socket.io.js"></script>
<script>var socket = io();</script>

---

基本操作

socket.on(‘message’, fn) 定义事件回调

io.emit(data) 发送事件（广播）；

socket.broadcast.emit(data) 发送事件（广播）

客户端调用的则是发送事件给服务器