• 本文目录导读：
• 1、前置知识
• 2、步骤1：创建项目并安装依赖
• 3、步骤2：创建服务器并监听端口
• 4、步骤3：实现一对一聊天功能

在当今互联网时代，即时通讯已经成为了人们生活中不可或缺的一部分。随着技术的发展，越来越多的企业开始采用即时通讯技术来加强内部沟通和客户服务。而Node.js作为一个高效、轻量级的JavaScript运行环境，也成为了开发即时通讯应用程序的首选技术之一。

本文将以Node.js为基础，结合Socket.io实现一个简单的一对一聊天功能，并通过菜鸟教程方式详细介绍相关知识点和代码实现过程。

前置知识

在开始本次教程之前，需要具备以下基础知识：

1. 了解JavaScript语言基础。

2. 理解浏览器与服务器之间传输数据原理。

3. 掌握ES6语法规范。

步骤1：创建项目并安装依赖

首先，在命令行中进入到你想要创建项目文件夹所在位置，并执行以下命令：

“`

mkdir chat

cd chat

npm init -y

这里我们使用npm init命令初始化一个新项目，并且快捷地设置默认值。接下来，我们需要安装一些必要的依赖库：

npm install express socket.io –save

这里我们使用npm install命令安装express和socket.io两个库，并且通过–save选项将它们添加到项目的依赖列表中。

步骤2：创建服务器并监听端口

在chat文件夹下创建一个index.js文件，并在其中编写以下代码：

“`javascript

const express = require(‘express’);

const app = express();

const server = require(‘http’).createServer(app);

const io = require(‘socket.io’)(server);

app.use(express.static(__dirname + ‘/public’));

io.on(‘connection’, (socket) => {

console.log(‘a user connected’);

});

server.listen(3000, () => {

console.log(‘listening on *:3000’);

首先，我们引入了express、http和socket.io三个库。然后，创建一个Express应用程序实例，并将其传递给Node.js自带的http模块中的createServer()方法。接着，我们使用Socket.IO构造函数创建了一个WebSocket服务器。

在这段代码中，app.use(express.static(__dirname + ‘/public’))是用来设置静态资源目录的。这里我新建了一个public文件夹，在其中放置了index.html作为聊天室页面。如果你想改变静态资源目录，请修改__dirname + ‘/public’为你自己定义的路径。

最后，在监听端口时输出日志信息以方便调试。

步骤3：实现一对一聊天功能

在index.html文件中，我们需要引入Socket.IO客户端库，并编写以下代码：

“`html

Send

这里我们引入了Socket.IO客户端库，并将其作为标签的src属性值。同时，我们也通过表单和按钮实现了消息发送功能。

接下来，在public/js文件夹下创建一个chat.js文件，并编写以下代码：

const socket = io();

const messageForm = document.querySelector("#chat");

const messageInput = document.querySelector("#message");

const messagesList = document.querySelector("#messages");

messageForm.addEventListener("submit", (event) => {

event.preventDefault();

const messageText = messageInput.value.trim();

if (!messageText) return;

socket.emit("chatMessage", messageText);

addMessage(messageText, "You:");

messageInput.value ="";

function addMessage(message, sender) {

const liElement = document.createElement("li");

liElement.innerHTML = `${sender} ${message}`;

messagesList.appendChild(liElement);

}

这段代码中，我们首先使用io()方法连接到服务器。然后，在表单提交时获取输入框的文本内容并向服务器发送一个名为“chatMessage”的事件。同时，我们通过addMessage()函数向聊天室页面添加消息记录。

最后，在服务器端编写以下代码：

socket.on("chatMessage", (message) => {

io.emit("chatMessage", message);

});

socket.on("disconnect", () => {

console.log("user disconnected");

这段代码中，我们监听了客户端的“chatMessage”事件，并将其广播到所有连接的客户端。同时，我们还监听了“disconnect”事件以处理用户离线时的情况。

在本文中，我们使用Node.js和Socket.IO实现了一个简单的一对一聊天功能，并通过菜鸟教程方式详细介绍相关知识点和代码实现过程。希望这篇文章能够对初学者在开发聊天应用程序时提供帮助。