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 微信已登录

 搜索页

 对话页

 对话功能

 单人机器人智能对话页

 群聊

 朋友圈

 朋友圈点赞、评论

 个人中心

 详细资料

 更多

 个人相册

 更多

 收藏

 我的钱包

 购物

 设置

 登录

页面部分截图

单人聊天、群聊


朋友圈

上传图片、点赞
202001311580402782215555.gif
202001311580402812815016.gif

前端项目运行

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
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好资源,可以到审核区发布,分享有V币奖励和额外收入!
4. 本站提供的资源都不包含技术服务请大家谅解,本站提供有偿技术支持
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.v5admin.com",如遇到无法解压的请联系管理员!
V5超人 » Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天

终身荣誉VIP全站资源畅享下载特权,限时开放中

加入VIP超低折扣获取全站资源