vue+socket.io聊天项目

在线地址观看

http://www.chenleiming.com

介绍

本项目基于vue.js+socket.io+express+mongodb实现的聊天效果， 界面以及功能参考QQ，微信

技术栈

• 前端： vue,vue-router,vuex,axios
• 构建： webpack，vue-cli
• 后端： express，multer(上传图片)，cors(跨域处理), superagent(调用机器人接口),mongoose(操作数据库)
• 通讯： socket.io
• 数据库： mongodb
• css预处理器： sass

功能列表

• 用户注册
• 用户登录
• 群聊
• 群聊中@小美 和机器人聊天 （注意@小美和消息中间要有空格）
• 机器人聊天
• 留言板

功能展示

注册和登录

聊天和与机器人聊天

注意： 和机器人聊天@小美和消息中间要有空格，否则会当成普通消息

机器人界面聊天

留言板

设置下拉框展示

注意：目前只有退出账号功能，后面会把另外两个功能加上

#嘎嘎嘎11111