项目|微信App源码项目 支持多人在线聊天

16 0
2019-8-9 18:14:11
显示全部楼层

注册一个会员,入驻大虹帽社区,每天签到免费下载各类资源,还有机会中豪华VIP大奖!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
朋友圈
页面部分截图单人聊天





群聊



前言
这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用socket.io实现实时聊天。
技术栈vue2+vue-router+webpack+vuex+sass+svg构图+es6/7
源码地址源码地址:请点击这里
项目运行git clone https://github.com/bailichen/vue-weixin.git
cd vue-weixin
npm install
npm run dev (访问本地,运行后访问 http://localhost:8882)
效果演示[项目演示请点击这里] (请用chrome手机模式预览)
移动端扫描下方二维码




说明> 本项目主要用于熟悉vue2+vuex的用法
> 如有问题请直接在Issues中提出,或加qq:812571880
> 如果觉得对您学习vue有点点帮助,请右上角star一下吧   ^_^
目标功能- [x] 微信
- [x] 通讯录
- [x] 发现
- [x] 我
- [x] 设置
- [x] 新消息提醒
- [x] 勿扰模式
- [x] 聊天
- [x] widows 微信已登录
- [x] 搜索页
- [x] 对话页
- [x] 对话功能
- [x] 单人机器人智能对话页
- [x] 群聊
- [x] 朋友圈
- [x] 朋友圈点赞、评论
- [x] 个人中心
- [x] 详细资料
- [x] 更多
- [x] 个人相册
- [x] 更多
- [x] 收藏
- [x] 我的钱包
- [x] 购物
- [x] 设置
- [x] 登录
Github地址
https://github.com/bailicangdu/node-weixin