{"id":20091160,"url":"https://github.com/ggwujun/dsx_wechat","last_synced_at":"2025-05-06T03:31:04.375Z","repository":{"id":91410953,"uuid":"84733603","full_name":"GGwujun/Dsx_wechat","owner":"GGwujun","description":"vue","archived":false,"fork":false,"pushed_at":"2017-08-31T07:28:01.000Z","size":40112,"stargazers_count":45,"open_issues_count":0,"forks_count":16,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-09T07:51:24.452Z","etag":null,"topics":["html","javascript","vue","wechat"],"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/GGwujun.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-12T14:52:53.000Z","updated_at":"2023-04-05T02:59:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"95d0bd49-4e86-4f4f-9895-13cb8802d57d","html_url":"https://github.com/GGwujun/Dsx_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/GGwujun%2FDsx_wechat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GGwujun%2FDsx_wechat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GGwujun%2FDsx_wechat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GGwujun%2FDsx_wechat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GGwujun","download_url":"https://codeload.github.com/GGwujun/Dsx_wechat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252616145,"owners_count":21776926,"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":["html","javascript","vue","wechat"],"created_at":"2024-11-13T16:28:24.318Z","updated_at":"2025-05-06T03:31:04.367Z","avatar_url":"https://github.com/GGwujun.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dsx_wechat\n\n* 这是一个 Vue 仿微信客户端\n* Github项目地址：[https://github.com/GGwujun/Dsx_wechat](https://github.com/GGwujun/Dsx_wechat)\n* 一款模仿微信的 Web App，具有真实的聊天等功能，并采用前后端分离的方式来实现。前端基于 Vue 2.0 框架，[后端](https://github.com/GGwujun/chatserve)基于 Node.js + Express + MongoDB，聊天功能和添加好友功能通过 Websocket 实现。\n* 欢迎关注我的公众号：![pixel-web-one](./screenshots/qrcode.jpg)\n* 前端技术栈: vue 2.0、vue-cli、vuex、vue-router、webpack 2.x、pug、sass、babel等；\n* 后端技术栈：Node.js、Express、express-session、WebSocket(ws)、MongoDB、mongoose、ES6等。\n\n\n### Intro\n* 学习vue有段时间了，但是公司并不使用vue，为了练习vue大大小小也做过几个个人项目，模仿过微信的pc版，由于sockit.io不能刷新，导致在pc端体验并不好，一刷新就要重新登陆才可以发消息给好友。\n* 在公司用的多的就是ionic，一个专注于移动端webapp的偏UI框架，里面也用到了angularjs框架。打包用的是cordova，后面就想到了用vue做一个微信客户端，用cordova打包。\n* 目前手机的硬件已经很好了，基本cordova打包的app体验还是很流畅的，配合vue的单页面应用基本可以无差原生app了。\n* 前端部分使用 vue-cli 构建、打包, 配合 vue全家桶（vue、vuex、vue-router）进行编码\n* 使用 axios 进行资源请求\n* 后台使用 Node.js的express架构开发，目前接口不多，不过会持续更新。\n\n### Server\n* 使用 Nodejs + Express 开发\n* 实现 注册，登录，退出登录，查看好友，个人主页，添加好友，一对一聊天和群聊\n* Github项目地址：[https://github.com/GGwujun/chatserve](https://github.com/GGwujun/chatserve)\n\n### Preview\n![pixel-web-one](./screenshots/pre1.png)\n![pixel-web-one](./screenshots/pre2.png)\n\n### 下载apk\n\n[点击这里下载安装apk](./screenshots/android-armv7-debug.apk)，目前只支持android（5.0以上）系统（由于项目仍在开发中，部分功能可能不是最新、或暂不可用）。\n\n新用户必须通过注册账号进入，已注册用户可直接登录进入。目前占不支持离线消息，也不支持添加离线用户为好友（即时通信相关功能必须保证对方在线）\n\n### 本地使用\n\n假设你已安装 `Node.js`，那么直接克隆仓库到本地，安装完所有插件并启动服务器。\n建议使用谷歌浏览器并在手机调试模式下查看(http://localhost:8808/)。\n\n``` bash\n# clone\ngit clone https://github.com/GGwujun/Dsx_wechat.git\n\n# 进入到目录 安装所有依赖包 国内建议使用cnpm\ncd Dsx_wechat\nnpm install\n\n# 开启本地服务器 监听8808端口\nnpm run dev\n```\n\n### Tips\n* 无法注册或者获取数据，因为我配置的后台接口是我的服务器，你可以自己下载后台代码，部署到自己服务器，不过一般情况是可以访问的。\n* 如果你要自己搭建服务器，你除了要安装node相关的依赖外，你还需要安装MongoDB数据库\n\n\n### function\n\n该项目已实现后端服务器的支持，具有真实的聊天功能。后端部分请转移[这里](https://github.com/GGwujun/chatserve)\n\n- 高仿微信客户端的界面设计风格，具有push、pop、modal、dismiss等转场动画；\n- 注册、登陆和注销功能，可记住登录状态，避免多次登录；\n- 聊天室功能，所有在线用户可进行群聊；\n- 添加好友，目前必须保证对方在线才能正确添加；\n- 用户私聊，目前必须保证对方在线方可正常聊天；\n- 目前只支持纯文本聊天。\n\n更多功能请待续...\n\n\n如果您觉得该项目不错, 欢迎**star**和分享！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fggwujun%2Fdsx_wechat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fggwujun%2Fdsx_wechat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fggwujun%2Fdsx_wechat/lists"}