NodeJS实现一个聊天室功能

2023-08-07 11:26:04 63

看效果

一直说我喜欢卖关子，这次直接看效果：

聊天界面（喜欢的可以自己画一个比较逼真的页面）

前文

先说一下为什么写这个东西，最近不是在写NodeJS知识点的梳理嘛，但是我发现梳理的过程着实无聊的要死，虽然已经快梳理一半了，只是还没发布，这个不重要，重要的是不做点什么东西确实无聊，所以今天把我做这个的过程记录给你们看一下，喜欢的可以拿去玩玩。实现的功能是可以聊天，可以显示用户自定义的昵称，并且显示发送时间

PS：这个功能如果我们使用webstorm新建一个expressapp的项目的话，是可以省很多代码的，但是这里我们选择原生实现它，原因是我们写代码不可能一直依赖于别人搭建好的框架或者轮子，虽然我们提倡不重复造轮子，但是如果每一个程序员都这样想的话，这个行业面临的将是一个轮子都没有。

客户端代码





http_demo




WelCometoCSDNofclearlove


Ifyoulikemyarticle,youcanfollowmyblog

公屏聊天

发送

服务端代码

/**
*@authorclearlove
*@aim测试连接一个socket.io通信广播
*/
//引入fs
varfs=require('fs')
//引入http
varhttp=require('http')
vardate=newDate()
/**
*@FormDate格式化时间
*@param{*}date当前时间
*/
functionFormDate(date){
return`${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}${date.getHours()}:${date.getMinutes()}`
}
/**
*搭建一个服务器
*/
varserver=http.createServer(function(res,res){
if(res.url!=='/favicon.ico'){
res.writeHead(200,{"Content-type":"text/html"})
constmyreadstream=fs.createReadStream(__dirname+'/views/http_demo.html','utf-8')
myreadstream.pipe(res)
}
})
//引入socket.io这里是两步，第一步是io=require('socket.io')第二步是一个新的变量.server合成一步就是下面的代码
vario=require('socket.io')(server);
io.on("connection",function(socket){
//这里获取到对方的ip地址，可以展示，也可以不展示，也可以进行ip的过滤
varclientIp=socket.request.connection.remoteAddress
console.info("一个socket连接成功了")
socket.on("link_to_server",function(msg,nick){
//这里使用io发送
io.emit('link_to_client',`${nick}:${msg}${FormDate(date)}`)
})
})
server.listen(5000,'0.0.0.0');
console.info("serverisrunning...")

服务跑起来

隐藏一下ip吧，为了安全

当然上面我用的一些可能比较‘原生'，直接创建元素什么的，我是因为没有引入类似jquery这样的框架进来，引入的话就比较简单的，但是不影响我们实现这个基础的聊天功能，上面可能有一些你们不明白的地方或者是你们都明白，包括为什么上面启动的时候不是node+文件名字而是nodemon+文件名，有什么区别，有什么好处，都没关系，后面的文章我都会介绍上面用到的所有的知识点，具体怎么使用的，怎么出来的，为什么这么写，怎么一步一步实现目前的这个效果，后面的文章我都会更新，为什么这个时候写这个呢？原因是我想让更多的人知道NodeJS本身是一个很好玩的语言，可以做的事情很多。如果你们看了我的文章以后喜欢上了NodeJS我的目的就达到了，毕竟我还是觉得NodeJS是一个非常强大的语言，我希望更多的人使用它。

如果有人觉得不想看那么多就想玩玩这个效果的，也可以，直接安装node、然后本地初始化一个package.json，然后安装nodemon、socket.io就可以了，具体怎么安装，emmmmm

安装node

下载node

下一步下一步就好了

初始化package.js

npminit

输入名字版本号之后一直回车就好了

安装nodemon

npminstall-gnodemon--save-dev

安装socket.io

npminstallsocket.io--save-dev

总结

以上所述是小编给大家介绍的NodeJS实现一个聊天室功能,点击跳转按钮实现跳转，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

NodeJS实现一个聊天室功能

WelCometoCSDNofclearlove

热门推荐

随机推荐