Netty-Chat移动聊天模板
基于 Netty 的聊天服务,配上 MUI 的前端实现,搭出来一个还挺丝滑的移动聊天体验。项目叫netty-chat
,前端是纯 H5,用的是 MUI 这个轻量级框架,页面清爽,响应也快,适合搞移动端聊天小程序。你要是想搞个微信那味的小应用,这套模板拿来直接改挺合适。
MUI 的组件全,像navbar
切页面、list
展示联系人、dialog
弹出聊天窗口,全都能用得上,配起来也方便,基本上点几下就能出效果。
前后交互主要靠Ajax
和WebSocket
。前端发消息是异步求,后端 Netty 那边接到后可以马上推回来,消息是走 WebSocket 的,双向通信,体验贼快。
数据格式用的是JSON
,前端发过去、后端回过来,都比较清晰。加上localStorage
缓存点聊天记录,即便断网也不怕看不到历史。
事件也挺细,键盘、点击啥的都有监听,比如你输入框敲个回车,马上触发发送。页面自适应做得也不错,横屏竖屏切换都能稳住,手机平板都适配。
,netty-chat.zip
这个项目对想搞前端实时通信的开发者来说,蛮值得研究下。你要是之前没用过 MUI,也能借这个项目摸个底,熟悉下它的组件和布局方式,学起来挺快。
如果你想看源码,可以参考这个:Netty 聊天小列子,或者想了解更多 MUI 的内容,也可以看看高性能轻量级前端框架 MUI。
下载地址
用户评论