实现基于vue全家桶+mint-ui+node.js+socket.io+MongoDB模仿微信的网页即时聊天项目

Mingeon

于 2018-08-09 17:43:11 发布

阅读量1.5k

点赞数 1

分类专栏：个人实践文章标签： vue socket.io MongoDB 及时聊天

本文链接：https://blog.youkuaiyun.com/qq_36512241/article/details/81537334

版权

本文档介绍了一个使用vue、mint-ui、node.js、socket.io和MongoDB实现的网页即时聊天项目。内容包括项目介绍、所用框架或库、目录结构、服务端实现以及小结。项目实现了登录注册、群聊私聊、动态更新会话等功能。分享了项目体验地址、GitHub源码及关键库的使用说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、项目介绍

用到的所有工具除了node.js，其他都是第一次接触，没有什么深刻理解，只基于个人边学边做的经验，记录一下此项目，并供同样想实现类似项目的小伙伴们参考。另外分享一下初期入手时很有帮助的vue+vuex基础视频，也是论坛中别人分享的，原链接打不开了，附上我的网盘分享：https://pan.baidu.com/s/1z2v4qffxFiYG-Nsav8Sxrg 密码：ajxb

项目体验地址：112.74.53.108/dist （电脑上打开时请按F12然后点击Toggle device mode或ctrl+shift+M）

github：https://github.com/GaoMinjian/mychat

实现的主要功能：

1.登录与注册

2.群聊与私聊

3.已存在的会话显示在首页，并动态更新显示的最新信息，如图：

4.个人资料如头像、昵称的更改

5.退出登录

ps:如有其它功能添加或修改意见欢迎留言

二、所用框架或库介绍

package.json:

"less": "^3.7.1",
"less-loader": "^4.1.0",
"mint-ui": "^2.2.13",
"mongoose": "^5.2.5",
"socket.io": "^2.1.1",
"socket.io-client": "^2.1.1",
"style-loader": "^0.21.0",
"uws

最低0.47元/天解锁文章