{"id":15043700,"url":"https://github.com/cczx/wechat","last_synced_at":"2025-04-12T22:27:25.853Z","repository":{"id":38993311,"uuid":"222856841","full_name":"CCZX/wechat","owner":"CCZX","description":"聊天室、websocket、socket.io、毕业设计。","archived":false,"fork":false,"pushed_at":"2023-01-04T18:54:07.000Z","size":29746,"stargazers_count":853,"open_issues_count":50,"forks_count":185,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-04T01:33:40.435Z","etag":null,"topics":["chat","mongodb","nodejs","reactjs","socket-io","vuejs","websocket"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CCZX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-20T05:19:56.000Z","updated_at":"2025-04-01T03:04:51.000Z","dependencies_parsed_at":"2023-02-02T20:01:58.315Z","dependency_job_id":null,"html_url":"https://github.com/CCZX/wechat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CCZX%2Fwechat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CCZX%2Fwechat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CCZX%2Fwechat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CCZX%2Fwechat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CCZX","download_url":"https://codeload.github.com/CCZX/wechat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248639141,"owners_count":21137783,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chat","mongodb","nodejs","reactjs","socket-io","vuejs","websocket"],"created_at":"2024-09-24T20:49:27.468Z","updated_at":"2025-04-12T22:27:25.805Z","avatar_url":"https://github.com/CCZX.png","language":"Vue","readme":"# Co-messager\n\n\u003e 本项目不再维护，如在阅读**文档**、观看**视频**后任有问题可以加群或者本人 `QQ` 和微信。\n\n## 相关工具版本\n\n1. node: 12.14.0\n2. npm: 6.4.1\n3. MongoDB: 5.0.3\n\n## 相关地址\n\n- [掘金-文章](https://juejin.im/post/5e8dd45cf265da47e34bf94d)\n- [功能介绍-视频](https://www.bilibili.com/video/BV1aX4y1K7EF?p=1)\n- [项目运行-视频](https://www.bilibili.com/video/BV1aX4y1K7EF?p=2)\n\n## 功能\n- [x] 登陆注册\n- [x] 单聊\n- [x] 群聊\n- [x] 历史消息\n- [x] 图片发送\n- [ ] 文件发送\n- [ ] 代码片段发送\n- [x] 表情发送\n- [x] 白板协作\n- [x] 音视频聊天\n- [x] 消息已读提醒\n- [x] 好友分组\n- [x] 好友备注\n- [x] 好友上线提醒\n- [x] 在线用户头像高亮\n- [x] 添加好友\n- [x] 添加群聊\n- [x] 朋友圈功能\n- [x] 发表朋友圈\n- [x] 好友朋友圈\n- [x] 朋友圈动态点赞\n- [x] 朋友圈动态评论\n- [x] 朋友圈动态回复评论\n- [x] 日程设置\n\n## 启动项目\n\n### 1、克隆项目\n\n```bash\ngit clone git@github.com:CCZX/wechat.git\n```\n\n或者下载压缩包解压也可以。\n\n### 2、删除相关代码\n\n\u003e 这部分代码是在我的数据库里，所以你需要删除或者替换相关代码以防报错\n\n![removed code](./document/clean.png)\n\n**需要注意的是这一步需要在启动服务端之前执行。不然会出现不可预料的错误**\n\n### 2、启动MongoDB数据库\n\n```bash\nmongo\n```\n\n如果还没有安装MongoDB可以参考下面文章：\n- [mongoDB - 菜鸟教程](https://www.runoob.com/mongodb/mongodb-tutorial.html)\n- [mongoDB的安装和启动](https://juejin.cn/post/6844903958826188808)\n\n### 3、启动服务器\n\n```bash\ncd chatServer\nnpm install\n# 初始化数据库，初始化成功后可以看到自动创建了chat数据库\nnode init.js\nnode app.js\n```\n\n### 4、启动客户端\n```bash\ncd chatClient\nnpm install\nnpm run dev\n```\n\n启动成功后访问[127.0.0.1:8080](127.0.0.1:8080)即可访问。\n\n### 5、启动管理员端（3000端口）\n```bash\ncd chatAdmin\nnpm install\nnpm start\n```\n\n启动成功后访问[127.0.0.1:3000](127.0.0.1:3000)即可访问。\n\n### 6、Q\u0026A\n\n按照上述步骤启动一般是不会出问题，有问题请首先排查是否**执行顺序**不一致，以及数据库是否启动。\n\n\n## 项目截图\n\n**github上如果没有科学上网容易裂图，推荐在掘金上看：** \n\n地址：https://juejin.im/post/5e8dd45cf265da47e34bf94d\n\n### PC端\n\n#### 1、主页\n![主页](./document/screenshots/p-home.png)\n\n#### 2、聊天\n![聊天](./document/screenshots/p-chat1.png)\n![已读设置](./document/screenshots/p-chat2.png)\n![通知](./document/screenshots/p-notify.png)\n\n#### 3、朋友圈\n![朋友圈](./document/screenshots/p-pyq1.png)\n![朋友圈评论](./document/screenshots/p-pyq2.png)\n\n#### 4、主题设置\n![主题](./document/screenshots/p-theme.png)\n\n#### 5、日程\n![日程](./document/screenshots/p-schedule1.png)\n![新建日程](./document/screenshots/p-schedule2.png)\n\n#### 6、个人中心\n![设置](./document/screenshots/p-personcenter.png)\n\n### 移动端\n\n#### 1、登录\n![移动端](./document/screenshots/m-login.png)\n\n#### 2、聊天列表\n![移动端](./document/screenshots/m-aside.png)\n![移动端](./document/screenshots/m-conversationlist.png)\n\n#### 3、聊天界面\n![移动端](./document/screenshots/m-chat.png)\n\n#### 4、图片预览\n![移动端](./document/screenshots/m-picpreview.png)\n\n#### 5、换肤\n![移动端](./document/screenshots/m-theme.png)\n\n#### 6、朋友圈\n![移动端](./document/screenshots/m-pyq.png)\n\n## 系统功能图\n\n### 普通用户\n![普通用户功能设计0404](./document/普通用户功能设计0404.png)\n\n### 管理员\n![普通用户功能设计0404](./document/系统管理员功能设计0404.png)\n\n## 技术路线\n\n\u003e 本系统分为`Client`，`Server`，`Admin`三个端：其中`Client`为客户端，`Server`为服务器端，`Admin`为管理员端。使用前后端分离的开发模式\n\n- 客户端使用`Vue`、`VueX`、`Vue-Router`；\n- 管理员端使用`React`、`antd`；\n- 后端使用的是`node.js`；\n- 数据库使用的是`MongoDB`；\n- 在实现聊天的全双工数据通信使用的是`WebSocket`、`socket.io`。\n\n## 项目打包\n\n1. 客户端的代码打包后资源默认放在`chatServer`文件夹的`public`目录下；\n2. 管理员端在`chatAdmin`的`build`目录下，需要自己自己手动将整个build目录复制到`chatServer`文件夹的`public`目录下，然后修改`build`目录文件的`index.html`中引入资源路径前都加上`/build`。\n\n## 交流\n\n- qq群\n\n![qq](./document/resources/qqgroup.jpg)\n\n- `E-mail`：`ccdebuging@gmail.com`、`cAuth1218@163.com`\n- `QQ`：`1831058205`\n- 微信：`cAutg9248`\n\n## 参考项目\n\n- https://github.com/wuyawei\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcczx%2Fwechat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcczx%2Fwechat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcczx%2Fwechat/lists"}