Hola前言本项目旨在从零到壹,制作一款界面精美的聊天软件。Github 地址因为已工作,所以可能没有多少时间来继续跟进这个项目了,项目可优化的点已在下文列出,欢迎大家 Fork 或 Star。ps: 征 logo 一枚。因为本人是开发,设计功底欠缺,所以软件 logo 设计的有点丑,如果有大神有更好的 logo,欢迎 email。技术栈开发环境操作系统:macOS High Sierra v10.13.1编辑器:Visual Studio Code v1.19.1npm:v5.3.0Node:v8.4.0客户端UI设计:Sketch软件框架:Electron界面实现:Vue.js + Vuex + Vue-Router + Webpack通信模块:socket.io-client视频聊天:原生 WebRTC服务端服务器:Node.js后端框架:Koa2通信模块:socket.io数据库:Redis 和 MongoDB软件效果图实现功能[x] 登录注册模块(<手机号+验证码>形式的登录注册)[x] 聊天区模块[x] 最近联系人列表[x] 历史消息(暂未做上拉加载)[x] 私聊[x] 文本消息[x] 图片消息[x] 视频聊天[x] 群聊[x] 文本消息[x] 图片消息[x] 联系人模块[x] 联系人列表[x] 好友资料展示[x] 群组资料展示[x] 删好友,退出或解散群组[x] 功能区模块[x] 添加好友/群组[x] 创建群组[x] 设置区模块[x] 个人资料设置[x] 软件设置[x] 国际化[x] 中文[x] 英文项目目录.├── LICENSE ├── README.md├── client # 客户端代码├── docs # 各种文档(需求文档、UI文档、流程图、数据库设计等)├── preview.png # 软件预览图└── server # 服务端代码反思 & 展望该项目为我大学毕业设计的项目,因时间紧迫,只实现了基本的聊天、加删好友等功能,很多功能还未实现,所以软件还是有很多的瑕疵。为此,我特意思考了很长时间,将待改进的细节或新的功能总结如下:[ ] 历史消息做成上拉瀑布流加载的效果[ ] 为消息注明消息时间、发送状态、已读未读等状态[ ] 为最近联系人列表添加最后一条消息的展示[ ] 为最近联系人添加未读消息个数的统计[ ] 添加好友或加入群组时要进行确认[ ] 为软件的新消息使用系统原生通知窗口通知[ ] 为软件增加原生菜单[ ] 升级输入框,从而可以向输入框直接插入剪切板中的图片[ ] 自己搭建文件服务器,图片服务器(或者使用第三方比如七牛云、阿里云的相关服务)[ ] 为 WebRTC 实现后备方案,搭建 Relay Server,以增强视频聊天的稳定性[ ] 增加网络断开处理的相关逻辑[ ] 了解数据加密相关知识,为消息作加密处理[ ] 为软件做跨平台处理,兼容性方面有待加强[ ] 实现软件自动更新[ ] 接入智能机器人聊天[ ] 实现本地存储历史消息(nedb)[ ] 为软件加入聊天情况分析(比如每天发了多少条消息,与谁聊天最频繁等)扩展阅读初探 Electron - 理论篇初探 Electron - 升华篇XCel 项目总结 - Electron 与 Vue 的性能优化【译】Electron 自动更新的完整教程(Windows 和 OSX)Getting Started with WebRTC通俗易懂:一篇掌握即时通讯的消息传输安全原理即时通讯安全篇(三):常用加解密算法与通讯安全讲解socket.io断线后重连和消息离线存储如何实现Socket.IO stream运用google-protobuf的IM消息应用开发(前端篇)Can one hack “paste image” support into a textarea in Firefox?在线和离线事件