基于netty的在线聊天室，支持群聊和私聊——【一】基本功能介绍

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的写法，关键点有两个：

1. proxy_set_header和proxy_set_header Connection表明支持协议升级成websocket。这里是将wss通过nginx反向代理成ws，虽然前端是wss开头，后台仍然只是ws的服务器
2. 之前通过/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