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

 

一、项目介绍

用到的所有工具除了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": "^10.148.1",
"vue": "^2.5.2",