前言
随着互联网的发展，大量交互式应用程序的出现让传统的 HTTP 协议显得越来越短板。websocket 协议应运而生，它在保持 HTTP 协议请求响应模型的基础上，实现了双向通信。nodejs 和 socket.io 这两个框架提供了非常便捷的实现方式，本文就是围绕这两个框架来详细阐述如何建立 websocket 连接。
准备工作
安装 nodejs
nodejs 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，用于开发高性能、可伸缩的网络应用程序。在开始 websocket 开发之前，需要先安装 nodejs。可以从 nodejs 的官网 下载最新的 LTS 版本，根据提示进行安装即可。
安装 socket.io
在已经安装好 nodejs 的基础上，使用 npm 命令行工具安装 socket.io：
npm install --save socket.io
开始建立 websocket 连接
在实际操作中，socket.io 会自动选择最好的通信方式，支持多种协议，包括 websocket、Adobe Flash Socket、AJAX 延迟连接等。下面是基于 nodejs 和 socket.io 建立 websocket 连接的详细步骤。
1. 引入 socket.io
在 JavaScript 文件中，通过 require() 方法将 socket.io 引入到项目中，如下：
const io = require('socket.io')();2. 定义服务器和客户端
创建一个 HTTP 服务器和一个和客户端通信的 WebSocket 服务器。这个 WebSocket 服务器自动监听客户端的连接请求，所以不需要再使用 http.Server 中的 listen() 方法占用端口，代码如下：
const app = require('http').createServer((req, res) => {
// 逻辑处理
});
io.attach(app);3. 监听客户端连接请求
使用 on() 方法监听客户端连接请求，代码如下：
io.on('connection', (socket) => {
console.log('有客户端连接上来了！');
// 逻辑处理
});4. 监听客户端断开连接
在连接建立后，可以使用 on() 方法监听客户端断开连接事件，代码如下：
socket.on('disconnect', () => {
console.log('客户端断开连接了！');
});5. 客户端和服务端通信
在连接建立后，客户端和服务端可以通过 emit() 和 on() 方法和另一端通信。emit() 方法用于向另一端发送消息，on() 方法用于监听消息。完整的代码如下：
-- -------------------- ---- -------
----- -- - -----------------------
----- --- - ---------------------------------- ---- -- -
-- ----
---
---------------
------------------- -------- -- -
--------------------------
-- -----------
----------------------- ------------------
-- -----------
--------------------- --------- -- -
-------------------------- - ---------
---
---
---------------- -- -- -
---------------------- -----------
---总结
通过本文的介绍，读者应该已经掌握了如何基于 nodejs 和 socket.io 建立 websocket 连接的方法，我们可以看到使用 socket.io 实现 websocket 连接是非常简单的。希望这篇文章能够对大家的学习和工作带来一定的指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6655929dd3423812e4a3f1be