玩转NODE.JS（四）-搭建简单的聊天室的代码(node.js实战)

发布时间：2024-02-27

推荐整理分享玩转NODE.JS（四）-搭建简单的聊天室的代码(node.js实战)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:nodejs教学视频,node. js教程,node教程,node-js,node.js视频教程,node. js教程,node.js入门教程,node. js教程,内容如对您有帮助，希望把文章链接给更多的朋友！

Nodejs好久没有跟进了，最近想用它搞一个聊天室，然后便偶遇了socket.io这个东东，说是可以用它来简单的实现实时双向的基于事件的通讯机制。我便看了一些个教程使用它来搭建一个超级简单的聊天室。

初始化项目

在电脑里新建一个文件夹，叫做“chatroom”，然后使用npm进行初始化：

然后根据提示以及相关信息一步一步输入，当然也可以一路回车下去，之后会在项目里生成一个package.json文件，里面的信息如下：

这个文件描述了项目的相关信息。

安装socket.io

接下来，安装socket.io：

安装Socket.IO的时候，--save参数用于保存模块依赖信息到package.json文件，安装完后，打开package.json文件会看到里面多了一项内容：

同时Socket.IO安装在了node_modules文件夹下。

实现聊天-服务器端

首先我们来编写服务器端程序，新建文件“index.js”，在里面导入如下模块：

第一行是导入http模块，先前我们已经见过了，用于创建http server。

第二行是导入socket.io模块，实现实时聊天必备的，不再赘述。

第三行是导入fs模块，用于读取文件。具体的一会你就会了解到。

通过http模块创建app，在刚刚的代码中加入如下语句：

fs.readFile（）方法用于读取文件，在这里读取的是index.html文件，也就是一会即将要编写的前端聊天室的展示页面。

第8行是返回请求的状态码，第9行是返回读取到的内容给浏览器。然后这个http server使用listen方法监听端口。

接下来，就是使用socket.io来实现聊天的事件了。在刚刚的index.js文件的http server下面接着创建socket.io对象。

然后监听connection事件，当浏览器连接到此Socket.IO服务时触发该事件：

第4行用于将信息输入到后台的显示器，第5行用于将内容发送给客户端，为了知道服务器是否启动，我在后面又加了如下一句：

至此，服务器端编码完成。

实现聊天-客户端

首先实现界面部分，仅仅有显示消息记录以及消息发送框，代码如下：

然后需要在里面加上JS来实现与服务器端的通信，将服务器端获取的数据展示到客户端，主要代码如下：

此时，可以执行：

然后在浏览器打开localhost:查看效果。

至此，一个简陋的聊天室就实现了，有兴趣的朋友可以在此基础上进行扩展，实现功能更为复杂的聊天室。

项目源代码：源码下载

本文链接地址:https://www.jiuchutong.com/biancheng/374079.html 转载请保留说明！