4 Star 74 Fork 29

edison / genal-chat

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

阿童木聊天室

author author Node.js Version License: MIT author

码云

在线地址www.genal.fun(已失效,不打算部署了)

有建议请到issues区

项目简介

😛 闲暇时间想做一个聊天室来巩固前端技能,于是在2020年6月24号就开始了阿童木聊天室的开发之旅。
😈 项目采用全typescript开发,这是为了以后的功能迭代打基础。当然,我本身也是很喜欢typescript的。
🧐 目前聊天室已经具备完整的聊天功能,今后会陆续开发更多酷炫的功能目前已经停止迭代!有兴趣的朋友可以自行fork去开发,你们随意改!我有时间再进行升级新功能!

项目界面

PC端

PC

移动端

MobileMobile

功能介绍

  • 移动端兼容
  • 用户信息的修改(头像/用户名/密码)
  • 群聊/私聊
  • 创建群/加入群/退群/模糊搜索群
  • 添加好友/删好友/模糊搜索用户
  • 消息分页
  • 表情包
  • 图片发送/图片预览
  • 在线人数统计
  • 自定义主题
  • 重连提醒

技术概览

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

数据库表结构设计

环境配置

  • 数据库mysql 以及 chat数据库 (注意数据库格式为utf8mb4)
  • node v10.16.3

运行项目

  1. 前端项目
cd genal-chat-client 
npm i
npm run serve
  1. mysql配置
    如果mysql连不上并报错error: ER_NOT_SUPPORTED_AUTH_MODE, 是mysql版本不兼容导致,参考这篇文章https://blog.csdn.net/qq_41831345/article/details/83150502
    数据库没有sql脚本,直接改后端app.module.ts中的数据库密码,新建个chat数据库了就行

  2. 后端项目

cd genal-chat-server
npm i
npm run start:dev

系统迭代记录

点击查看

v1.0.0

功能
  • 新增用户
  • 新增群
  • 群聊
v1.0.0界面

v2.0.0

功能
  • 群聊/私聊
  • 创建群/加入群聊/模糊搜索群
  • 添加好友/模糊搜索好友
  • 更改用户名/头像上传
  • 表情包
  • 消息分页
v2.0.0界面

v3.0.0

功能
  • 群聊/私聊
  • 创建群/加入群聊/模糊搜索群
  • 添加好友/模糊搜索好友
  • 图片上传/粘贴发送图片/图片预览
  • 更改用户名/头像上传
  • 表情包
  • 消息分页
v3.0.0界面

同v2.0.0

v4.0.0

功能
  • 群聊/私聊
  • 创建群/加入群聊/模糊搜索群
  • 添加好友/模糊搜索好友
  • 图片上传/粘贴发送图片/图片预览
  • 更改用户名/头像上传
  • 表情包
  • 消息分页
  • 移动端兼容
v4.0.0界面

同v2.0.0

v5.0.0

功能
  • 群聊/私聊
  • 创建群/加入群聊/退群/模糊搜索群
  • 添加好友/删好友/模糊搜索好友
  • 图片上传/粘贴发送图片/图片预览
  • 更改用户名/头像上传
  • 表情包
  • 消息分页
  • 移动端兼容
  • 在线人数统计
  • 重连提醒
v5.0.0界面

v6.0.0

功能
  • 移动端兼容
  • 用户信息的修改(头像/用户名/密码)
  • 群聊/私聊
  • 创建群/加入群/退群/模糊搜索群
  • 添加好友/删好友/模糊搜索用户
  • 消息分页
  • 表情包
  • 图片发送/图片预览
  • 在线人数统计
  • 自定义主题
  • 重连提醒
v6.0.0界面

作者

github: edison

贡献者列表

mtnbgxBoBooooooNyaasu66BeanCookie(排名不分先后)

如何部署

阿童木聊天室部署说明

更多细节

用typescript打造一个性能强悍的web聊天室

MIT License Copyright (c) 2020 Han Zeng Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

阿童木聊天室 web聊天室 typescript一把梭 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/edison_dec/genal-chat.git
git@gitee.com:edison_dec/genal-chat.git
edison_dec
genal-chat
genal-chat
master

搜索帮助