sg-alfred / wechat-vue

vue 实现部分微信功能,包括好友管理、即时聊天等

Home Page:http://wechat.chenjz.top

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

wechat-vue

基于 Vue 模仿微信 App,实现部分微信功能。

技术栈

  • Vue 全家桶:vue2 + vuex + vue-router
  • 后台服务:express
  • 网络请求:axios
  • 数据库:mongodb
  • 打包工具:webpack4

Build Setup

# download
git clone https://github.com/sgAlfred/wechat-vue.git

For backend:

# install dependencies
cd be && npm install

# serve at localhost:8081
npm start

For frontend:

# install dependencies
cd be && npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

TODO

  • 基本的样式搭建及主要界面
  • 简单的注册、登录功能
    • 必要的验证码认证
  • 好友添加功能
  • 即时通讯聊天功能(socket.io)
    • 消息加密,非对称加密传递/对称加密密钥
  • 朋友圈: 发状态 + 好友点赞/评论
  • 使用 electron 打包成桌面应用 —— 2018 年 2 月 4 日
  • 内置一些有趣的公众号,引入有趣的技术。
  • 其他尝试
    • 结合百度 AI 做人脸登录
    • redis 队列做数据推送?

License

MIT Copyright (c) 2017-present

About

vue 实现部分微信功能,包括好友管理、即时聊天等

http://wechat.chenjz.top


Languages

Language:Vue 43.0%Language:JavaScript 33.7%Language:HTML 17.5%Language:CSS 4.6%Language:SCSS 1.0%Language:Dockerfile 0.2%