【聊天源码】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

源码截图