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

充值,搭建请联系QQ 3479863005 搭建 2000 起步,部分项目会多一些,搭建不成功不收费 真的很忙,请确定需要充值或者搭建后再联系,没有时间接受各种咨询了, 我们期待的是一起真正开拓市场的客户,不需要随便玩玩的客户,所有报价都是实价,如果只是玩票的真不用浪费时间

源码介绍

通知

项目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

源码截图

发表评论