skyformat99/tyloo-chat

vue-cli + nestjs IM即时通讯聊天室(仿wechat)

Tyloo-Chat(仿wechat)

线上demo地址

部分功能截图

• 整体界面
• 通讯录
• 群聊功能(群成员列表,在线状态,支持添加群成员)
• 会话列表(置顶/删除)
• 消息撤回功能

Feature

• 用户登陆注册 (支持单点登陆)
• 群聊 (类似qq群)
  • 邀请好友加入群聊
  • 修改群名/群公告
• 好友功能 (支持接入第三方组织架构直接发起私聊)
• 通讯录功能
• 聊天功能
  • Emoji表情包
  • 图片发送/图片预览
  • 支持发送附件
  • 消息分页
  • 消息撤回/复制
• 自定义主题
• 会话置顶/删除
• 重连提醒
• 智能助手(默认,位于 main分支)
• 第三方API机器人(可选,位于feature_APIROBOT分支)

Tech Stack

• Typescript：JavaScript 的一个超集，它最大的优势是提供了类型系统和提高了代码的可读性和可维护性。
• Vue2.6.x：前端渐进式框架。
• Socket/io：实现实时通信，websocket第三方库。
• Vuex：状态管理。
• Nestjs：是一个用于构建高效、可扩展的 Node.js 服务端应用框架，基于 TypeScript 编写并且结合了 OOP1、FP2、FRP3 的相关理念。
• Typeorm: 支持最新的 JavaScript 特性并提供额外的特性以帮助你开发任何使用数据库的应用程序。
• ES6+：采用ES6+语法，箭头函数、async/await等等语法很好用。
• SASS(SCSS)：用SCSS做CSS预处理语言，可以使用最高效的方式，以少量的代码创建复杂的设计。
• ElasticSearch Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。
• Nodejieba node版本中文分词器

数据库表结构设计

环境准备

• mysql
• chat数据库 (需要手动创建,注意数据库编码格式为utf8bm64)
• node v10.16.3

运行项目

// client
cd client 
npm i
npm start

// server
cd server
npm i
npm run start

如何部署

Deploy

思路概述

webSocket建立流程

感谢

本项目fork自genal-chat做了优化升级,感谢大佬Genal开源提供思路!

TODO

• @功能实现
• 消息转发
• 代码性能优化