开源的H5即时聊天系统 spring-boot + netty + protobuf + vue ~

前言

一篇文章引发的思考？

一次读公号推文, 发现一篇文章写得特好, 勾起了好奇心

《群聊比单聊，为什么复杂这么多？》, @沈大大.

GitHub 地址

him-vue 前往 him-netty 前往

心路历程

• 第一阶段, 刚看完文章时, 特别兴奋, 开始着手, 花了一个月把聊天界面基本弄, 然后着手于后端, 经过些简单的调研, 决定用 netty 搭建一个, 后面发现里面的复杂逻辑, 再加上心中的火似乎已经熄灭, 最后…
• 第二阶段, 最近刷公文时又刷到这篇类似的文章, 于是决定不能退缩, 所以有了接下来的事

踩坑指南

• 1. iOS版本手机QQ中清空不了 Cookie 的bug (Android 版本的QQ没试), 其它浏览器均正常

• 2. 手机微信中打开后点击输入文字后, 不管点不点击发送按钮都会出现短暂的不能点击的现象(任何按钮都不能点击), 后来发现是因为在微信里面, 输入法把 输入框顶上去了, 然后输入法隐藏后输入框还在上面!!! 点击查看详情
     。找到一个解决输入框的方法: @blur=“chatTextBlur” 监听失去焦点的事件(vue 写法), 然后在事件里面执行 window.scroll(0, 0);

• 3. 因为设置了定位，overflow: scroll 原生滚动，iOS下会不流畅，解决办法：换成 -webkit-overflow-scrolling: touch;

功能列表

• 单聊
• 群聊