Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

gitforalan/webchat

Open more actions menu
 
 

Repository files navigation

webchat

Build Status

项目历程

vue+websocket+express+mongodb实战项目(实时聊天)(一)

vue+websocket+express+mongodb实战项目(实时聊天)(二)

vue-chat项目之重构与体验优化

前端监控数据

http://www.qiufengh.com:8080/

releases

[1.1.0版本] (https://github.com/hua1995116/webchat/tree/v1.0.0)

[1.2.0版本] (https://github.com/hua1995116/webchat/tree/v1.2.0)

当前版本为重构后的版本。

具体改动可以看 vue-chat项目之重构与体验优化

npm install -----安装依赖
npm run dev -----运行
npm run build -----打包
node prod.server.js -----打包后运行
//记得替换
view/Loan.vue下的io.connect('http://qiufengh.com/')
http://qiufengh.com:9090改成自己的项目地址。

在线观看 http://www.qiufengh.com/

实现功能

  • 聊天功能 -- 完成
  • 多个聊天室 -- 完成
  • 与机器人对接 -- 完成
  • 图片发送 -- 完成
  • 注册功能 -- 完成
  • 登录功能 -- 完成
  • 历史记录 -- 完成

技术栈

  • 前端 vue,vue-router ,vuex
  • 后端 nodejs,express
  • 数据库 mongodb
  • 通讯 websocket
  • 脚手架工具 vue-cli

最后上几张图。

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

About

🔈基于vue2.0的实时聊天项目

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 57.6%
  • Vue 34.6%
  • CSS 7.3%
  • HTML 0.5%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.