websocket的简单理解

WebSocket是一种互联网通信协议，它实现了客户端和服务器之间双向通信，使得数据能够在一次连接中进行交互。使用WebSocket可以更轻松地构建实时应用程序，例如聊天应用程序、实时财经数据等。

在WebSocket中，客户端和服务器通过HTTP请求进行初始握手，该握手请求包含一个Upgrade头，用于指示服务器从HTTP协议切换到WebSocket协议。一旦握手完成，客户端和服务器之间的连接将保持打开状态，并且可以在双向通信期间传输数据。

以下是使用WebSocket的详细步骤：

1. 创建WebSocket对象

在JavaScript中，使用WebSocket对象来实现WebSocket通信。创建WebSocket对象时需要传入WebSocket服务器的URL：

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

var socket = new WebSocket("ws://localhost:8080")

这里的URL是WebSocket服务器的地址和端口号。

2. 与WebSocket服务器建立连接

创建WebSocket对象后，需要调用它的open()方法来与WebSocket服务器建立连接：

socket.onopen = function() {
  console.log("WebSocket连接成功");
}
 

3. 发送数据

建立连接成功后，可以通过send()方法向WebSocket服务器发送数据：

socket.send("Hello WebSocket");
 

4. 接收数据

使用WebSocket接收数据也很简单。WebSocket对象会触发message事件来表示接收到了数据：

socket.onmessage = function(event) {
  console.log("WebSocket收到数据：" + event.data);
}
 

5. 关闭连接

当不再需要使用WebSocket时，可以调用close()方法来关闭连接：

socket.onclose = function(event) {
  console.log("WebSocket关闭连接");
}
socket.close();
 

除了以上基本操作，WebSocket还有其他一些API，例如onerror事件、readyState属性等。需要根据不同的需求使用。

6.以下是一个简单的WebSocket示例，使用JavaScript编写客户端代码

// 创建WebSocket对象，指定URL地址
var socket = new WebSocket('ws://localhost:8080');

// 当WebSocket连接成功时，触发onopen事件
socket.onopen = function() {
  console.log('WebSocket连接成功');
  
  // 向服务器发送消息
  socket.send('Hello, Server!');
};

// 当收到服务器发送的消息时，触发onmessage事件
socket.onmessage = function(event) {
  console.log('收到消息：' + event.data);
};

// 当发生错误时，触发onerror事件
socket.onerror = function(error) {
  console.log('WebSocket发生错误：', error);
};

// 当连接被关闭时，触发onclose事件
socket.onclose = function() {
  console.log('WebSocket连接已关闭');
};
 

7.服务器端也需要处理WebSocket连接。以下是一个使用Node.js编写的服务器端代码示例：

const WebSocket = require('ws');

// 创建WebSocket服务器，监听8080端口
const server = new WebSocket.Server({ port: 8080 });

// 当有新的连接时，触发connection事件
server.on('connection', function(socket) {
  console.log('WebSocket连接成功');

  // 当收到消息时，触发message事件
  socket.on('message', function(message) {
    console.log('收到消息：' + message);

    // 向客户端发送消息
    socket.send('Hello, Client!');
  });

  // 当连接关闭时，触发close事件
  socket.on('close', function() {
    console.log('WebSocket连接已关闭');
  });
});
 

小结:

以上是WebSocket的简单介绍和示例代码，WebSocket的使用具有一定的复杂度，需要进一步学习和实践。