随着互联网的不断发展，即时通信已成为人们生活中不可或缺的一部分。而 Socket.io 作为一款实时通讯工具，在现代化的 Web 开发中也越来越受欢迎。本文将介绍如何使用 Node.js 搭建一个简单的 Socket.io 服务器，并演示如何通过它来实现实时通信的功能。
准备工作
在开始之前，我们需要确保已经安装了 Node.js 和其他相应的工具（比如 npm）。如果还没有安装，可以通过以下命令进行安装：
$ sudo apt-get update $ sudo apt-get install nodejs $ sudo apt-get install npm
安装 Socket.io
在搭建 Socket.io 服务器之前，我们需要先安装 Socket.io。在命令行中输入以下命令即可安装：
$ npm install socket.io
搭建 Socket.io 服务器
接下来，我们就可以开始搭建 Socket.io 服务器了。创建一个名为 server.js 的文件，并输入以下内容：
// 引入 Socket.io 模块
const io = require('socket.io')(3000);
// 监听客户端的连接请求
io.on('connection', socket => {
console.log('New user connected');
// 监听客户端发来的消息
socket.on('message', message => {
console.log('Receive message:', message);
// 将收到的消息原封不动回传给客户端
io.emit('message', message);
});
// 监听客户端断开连接事件
socket.on('disconnect', () => {
console.log('User disconnected');
});
});在这个代码中，我们首先引入了 Socket.io 模块，并使用它创建了一个服务器，并监听了客户端的连接请求。在连接建立成功后，我们会打印出一条提示信息，告诉我们有新的用户连接上了。接着，我们又监听了客户端发来的消息事件，并在收到消息后打印出来，然后将收到的消息原封不动地回传给客户端。最后，我们还监听了客户端断开连接事件，并在客户端断开连接后打印出一条提示信息。
启动服务器
在完成代码的编写之后，我们可以使用以下命令启动服务器：
$ node server.js
如果我们看到了以下提示信息，就说明服务器已经成功启动了：
Listening on port 3000
测试实时通讯
现在我们已经成功搭建了一个简单的 Socket.io 服务器，接下来我们可以使用一个简单的页面来测试实时通讯的功能。在浏览器中创建一个名为 index.html 的文件，并输入以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Socket.io test</title>
<script src="https://cdn.socket.io/socket.io-3.1.0.min.js"></script>
</head>
<body>
<h1>Socket.io test</h1>
<div>
<label>Message:</label>
<input id="message-input" type="text">
<button onclick="sendMessage()">Send</button>
</div>
<div id="messages"></div>
<script>
const socket = io('http://localhost:3000');
// 监听服务器回传的消息事件
socket.on('message', message => {
const messagesDiv = document.getElementById('messages');
messagesDiv.innerHTML += `<p>${message}</p>`;
});
// 发送消息到服务器
const sendMessage = () => {
const inputValue = document.getElementById('message-input').value;
socket.emit('message', inputValue);
};
</script>
</body>
</html>在这个代码中，我们首先引入了 Socket.io 的 JavaScript 库，并通过连接地址 http://localhost:3000 来连接我们刚才搭建的服务器。接着，我们创建了一个输入框和一个发送按钮，并通过 JavaScript 的方式监听了按钮的点击事件。点击按钮后，会将输入框中的内容通过 emit() 方法发送到服务器。最后，我们还监听了服务器回传的消息事件，并将收到的消息添加到页面的一个 div 中。
我们可以在浏览器中打开 index.html 文件，并在输入框中输入一些内容，然后点击发送按钮，就可以在页面上看到我们刚才发送的消息了。这说明我们成功地实现了实时通讯的功能。
总结
通过本文的介绍，相信读者已经初步掌握了如何使用 Node.js 搭建一个简单的 Socket.io 服务器，并通过它来实现实时通讯的功能。当然，本文只是介绍了 Socket.io 的一部分功能，读者可以深入学习 Socket.io 的其他功能，来更好地应用它在实际开发中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65ab7d0cadd4f0e0ff523d0c