其他
TypeScript全开发的开源聊天室项目
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、好用、有趣的东东