Web chatRoom

A Web chatRoom builded by Vue、Node、WebSocket

在线体验

可访问http://ilikewsq.com:8080在线体验项目

功能

• 注册登录
• 聊天功能
• 查看历史记录
• 发送图片
• 发送文件
• 发送表情
• 好友资料查看
• 添加好友
• 搜索好友
• 删除好友
• 图片预览
• 文件下载
• 修改头像
• 群聊
• 私聊

效果预览

# 项目环境 MongoDB、Node、NPM、Vue

目录结构

• client
  • build - webpack config files
  • config - webpack config files
  • dist - build
  • src -your app
    • api
    • assets
    • components - your vue components
    • pages - your pages
    • router -routes
    • stroe -vuex
    • App.vue
    • main.js - main file
  • static - static assets
• server
  • model - model data
  • public - resources
  • router - api interface
  • server_moduels
  • app.js

如何启动

请自行安装并启动MongDB

# cd server
cd ./server

# install dependencies
npm install

#serve with hot reload at localhost:3000
node app.js  

# cd client
cd ../client

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.