netty虽然可以实现聊天室的功能。但完整的做下来，还是要自己去封装很多东西，尤其是客户端和服务器通信的数据格式，服务端消息派发器的设计。这一点就比spring 的websocket over stomp的topic(主题模型)差远了，但是netty毕竟是NIO拥有更好的性能，以及给程序员更多的一个可操作空间。
具体效果
支持1v1聊天和多人聊天，自己创建群聊，具体演示地址点我
登陆界面：
密码不用输入
在这里插入图片描述
然后是主面板：
在这里插入图片描述
加入了Jquery的toastr弹窗插件，有信息到来时会就行提示：
在这里插入图片描述
然后是非常简陋的消息面板：
在这里插入图片描述
支持群聊创建：
在这里插入图片描述
用户可以选择进入群聊或则拒绝：
在这里插入图片描述
在这里插入图片描述
nginx配置
server {
listen 80;
server_name www.siwash.xyz;
return 301 https://$server_name$request_uri;
}
upstream websocket {
server localhost:1225;
}
server {
listen 443;
server_name www.siwash.xyz;
#rewrite ^(.*) http://$host$1 permanent;
ssl on;
ssl_certificate cert.crt;
ssl_certificate_key cert.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #按照这个协议配置
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;#按照这个套件配置
ssl_prefer_server_ciphers on;
#charset koi8-r;
#access_log logs/host.access.log main;
location /meetRecord{
#小程序
proxy_pass http://127.0.0.1:18011/;
}
#在线聊天
location ~ ^/netty/IM/{
#即时聊天
proxy_pass http://127.0.0.1:8112/$request_uri;
}
location ~ ^/ws/(.*){
proxy_pass http://webSocket/$1?$args;
proxy_read_timeout 600s;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
注意websocket那个location的写法，关键点有两个：
- proxy_set_header和proxy_set_header Connection表明支持协议升级成websocket。这里是将wss通过nginx反向代理成ws，虽然前端是wss开头，后台仍然只是ws的服务器
- 之前通过/ws/websocket去精准匹配一直报404，最后换成正则匹配就没问题了
其中~ ^/ws/(.*)种~表示区分大小写的正则匹配，^代表匹配以/ws/(.*)开头，而(.*)相当于一个占位符，和proxy_pass种$1的内容是对应的 比如：wss://xxxx/ws/websocket?user被代理后就是http://webSocket/websocket?user,而websocket在upstream里只定义了一个ip和端口为localhost:1225，于是完整的真实地址相当于是http://localhost:1225/websocket?user
nginx还有很多神奇的地方有待进一步的学习，代码下载地址：https://github.com/Siwash/NioWebsocket
整理的一张思维导图：
即时通信系统.png
