【聊天源码】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 微信已登录

搜索页

对话页

对话功能

单人机器人智能对话页

群聊

朋友圈

朋友圈点赞、评论

个人中心

详细资料

更多

个人相册

更多

收藏

我的钱包

购物

设置

登录

页面部分截图

单人聊天、群聊

前端项目运行

gitclonehttps://github.com/bailichen/vue-weixin.git
cdvue-weixin
npminstall
npmrunstart(访问本地,运行后访问http://localhost:10022)

后端项目运行

gitclonehttps://github.com/bailicangdu/node-weixin
cdnode-weixin
npminstall
npmrundev(需先开启mongodb)
访问:http://localhost:8003

源码截图

【聊天源码】Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天
【聊天源码】Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天
【聊天源码】Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天
【聊天源码】Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天

173812.html

下载说明:

1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。

2.如果源码下载地址失效请/联系站长QQ进行补发。

3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!

4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。

5.请您认真阅读上述内容,购买即以为着您同意上述内容。

源码UI网 » 【聊天源码】Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天

发表回复