随着互联网的普及，即时通讯服务成为人们日常生活中必不可少的一部分。目前市面上的即时通讯服务有很多，包括微信、QQ、WhatsApp等。如果我们希望自己也能开发一个简单的即时通讯服务，那么利用 Node.js 和 Socket.io 库是一种不错的选择。
Node.js
Node.js 是一个能够使 JavaScript 运行在服务端的开发平台。它是基于 Chrome V8 引擎构建的，采用事件驱动、非阻塞 I/O 模型，因此具有高效性能。Node.js 可以用于开发多种应用程序，包括 Web 服务器、命令行工具、桌面应用程序等。
在本文中，我们将使用 Node.js 作为后端框架，用来实现即时通讯服务。
Socket.io
Socket.io 是一个基于 WebSockets 的实时通信库。它可以在浏览器和服务器之间建立双向实时通信通道，能够传递任何数据类型。Socket.io 还支持其他传输协议，包括轮询和长轮询。它可以在多个浏览器中运行，包括移动设备。
在本文中，我们将使用 Socket.io 库来实现即时通讯服务。
实现步骤
我们将实现一个简单的聊天室，用户可以在其中发送消息。以下是实现步骤：
- 创建一个 Node.js 项目，并安装 Socket.io 库。
npm init npm install --save socket.io
- 创建一个服务器文件 server.js，并建立 WebSocket 连接。
// www.javascriptcn.com code example
const app = require("express")();
const http = require("http").createServer(app);
const io = require("socket.io")(http);
const PORT = process.env.PORT || 3000;
http.listen(PORT, () => {
console.log(`listening on *:${PORT}`);
});
io.on("connection", (socket) => {
console.log("a user connected");
socket.on("disconnect", () => {
console.log("user disconnected");
});
});以上代码创建了一个服务器，并建立了一个 WebSocket 连接。当用户连接到服务器时，服务器会输出 “a user connected” 消息到控制台。当用户断开连接时，服务器会输出 “user disconnected” 消息到控制台。
- 实现消息发送功能。
// www.javascriptcn.com code example
io.on("connection", (socket) => {
console.log("a user connected");
socket.on("disconnect", () => {
console.log("user disconnected");
});
socket.on("chat message", (msg) => {
console.log(`message: ${msg}`);
io.emit("chat message", msg);
});
});以上代码实现了一个功能，当用户发送消息时，消息会广播到所有正在连接的用户。
- 创建一个前端页面 index.html，并引入 Socket.io 库。
// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
<title>Socket.io chat</title>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
const form = document.querySelector("form");
const input = document.querySelector("#msg");
const messages = document.querySelector("#messages");
form.addEventListener("submit", function (e) {
e.preventDefault(); // 阻止页面刷新
const li = document.createElement("li");
li.textContent = input.value;
messages.appendChild(li);
socket.emit("chat message", input.value);
input.value = "";
return false;
});
socket.on("chat message", function (msg) {
const li = document.createElement("li");
li.textContent = msg;
messages.appendChild(li);
});
</script>
</head>
<body>
<ul id="messages"></ul>
<form action="">
<input id="msg" autocomplete="off" />
<button>Send</button>
</form>
</body>
</html>以上代码创建了一个简单的前端页面，包括一个消息输入框和一个消息列表。当用户发送消息时，消息会显示在消息列表中。当用户发送消息时，Socket.io 库将广播消息到所有正在连接的用户。
总结
本文介绍了如何使用 Node.js 和 Socket.io 库实现简单的即时通讯服务。我们首先学习了 Node.js 和 Socket.io 库的基本知识，然后详细介绍了实现步骤，最后提供了一个完整的实例。在实现过程中，我们学习了如何建立 WebSocket 连接，并实现了消息发送功能。
如果你对 Node.js 和 Socket.io 库有更深入的了解，你可以进一步扩展这个聊天室，例如实现私聊，聊天记录等等。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64a28d6548841e9894ef6bd3