Vue2 全家桶仿 微信App 项目 支持多人在线聊天和机器人聊天 源码描述:
通知
项目vue+vuex版本已更新版本,只接口图片不加载,不影响初学者学习vue。
更新说明
“vue”: “^2.5.2”,
“vue-router”: “^3.0.1”,
“vuex”: “^3.1.0”
“webpack”: “^4.17.1”,
前言
这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用socket.io实现实时聊天。
欢迎各路大神Issues
技术栈
vue2+vue-router+webpack+vuex+scss+svg构图+es6/7
说明
本项目主要用于熟悉vue2+vuex的用法
如有问题请直接在Issues中提出
如果觉得对您学习vue有点点帮助,请右上角star一下吧 ^_^
目标功能
微信
通讯录
通讯录右边导航功能
发现
我
设置
新消息提醒
勿扰模式
聊天
widows 微信已登录
搜索页
对话页
对话功能
单人机器人智能对话页
群聊
朋友圈
朋友圈点赞、评论
个人中心
详细资料
更多
个人相册
更多
收藏
我的钱包
购物
设置
登录
页面部分截图
单人聊天、群聊
前端项目运行
git clone https://github.com/bailichen/vue-weixin.git
cd vue-weixin
npm install
npm run start (访问本地,运行后访问 http://localhost:10022)
后端项目运行
git clone https://github.com/bailicangdu/node-weixin
cd node-weixin
npm install
npm run dev (需先开启mongodb)
访问: http://localhost:8003