查看原文
其他

TypeScript全开发的开源聊天室项目

SpringForAll 2022-07-05

The following article is from TJ君 Author TJ

这几天TJ君好忙好忙,大家不是都说年底才忙嘛,怎么一开年就这么忙呢~

不过忙也代表着充实,TJ君倒也不觉得辛苦,就是太忙的时候没法好好和朋友聊天,所以今天TJ想君要给大家分享的就是一个开源的主要由typescript完成的聊天室项目genal-chat,再忙也不能忘了身边的朋友哦!

也许有的小伙伴可能已经学习过这个项目,因为项目还有一个名字,叫做:

可能是因为作者特别喜欢阿童木的关系吧,所以项目里多多少少透露出铁壁阿童木的痕迹,不过这不影响项目的质量。项目已经完成了大多数主体功能,作者也表示已经停止更新了,但是小伙伴不要担心,因为该有的功能都有都能用,作者的框架还是非常开放的,想要什么酷炫功能的小伙伴可以自行添加~

已经实现的功能包括:

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

再来看下结构设计及技术栈:

项目前后端分离,运行命令分别如下:

前端

cd genal-chat-client 
npm i
npm run serve

后端

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

最后我们再来看下实际的聊天效果:

果然是满面的阿童木风格,怎么样?是不是可以和朋友们畅所欲言了呢?

点击下方卡片,关注公众号“TJ君

回复“聊天室2022”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存