天天看點

Netty-WebSocket長連接配接推送服務

轉自:http://blog.csdn.net/sinosoft_fesco_12138/article/details/50380256

November 25, 2015

推送服務 推送服務

幾種消息推送技術比較

AJAX輪詢 輪詢:缺點,糟糕的使用者體驗;對伺服器壓力很大,并造成帶寬的極大浪費。

Comet:長連接配接機制,同樣由浏覽器端主動發起,但Server端以一種很慢的方式給出回應,優點是實時性好,缺點,長時間占用連結,喪失了無狀态高并發的缺 點

Flash XML Socket,需用戶端安裝java虛拟機,Chrome浏覽器新版本已經預設屏蔽Flash

DWR開源架構,将java代碼轉為js檔案,引入js檔案路徑不能更改,原理也是輪詢,

WebSocket,HTML5定義,不支援html5的可以使用socket.io,高效節能,簡單易用,配合netty可以達到百萬級的連結推送。

NIO,java1.4版本,非阻塞IO

netty,基于原生NIO實作的高并發架構,配合websocket實作消息推送,netty會單獨開一個websocket端口處理請求,并不會占用中間件的連接配接數,而且一 個線程可以處理幾萬個連結 

NIO是什麼 

NIO 是New IO 的簡稱,在jdk1.4 裡提供的新api 。Sun 官方标榜的特性如下:

為所有的原始類型提供 為所有的原始類型提供(Buffer)緩存支援 緩存支援。字元集編碼解碼解決方案。

Channel :一個新的原始I/O 抽象。 支援鎖和記憶體映射檔案的檔案通路接口。 提供多路(non-bloking) 非阻塞式的高伸縮性網絡I/O 。

Channel 通道、Buffer 緩沖區、Selector 選擇器

其中Channel對應以前的流 對應以前的流,Buffer不是什麼新東西,Selector是因為nio可以使用異步的非堵塞模式才加入的東西。以前的流總是堵塞的,一個線程隻要 對它進行操作,其它操作就會被堵塞,也就相當于水管沒有閥門,你伸手接水的時候,不管水到了沒有,你就都隻能耗在接水(流)上。nio的Channel的加 入,相當于增加了水龍頭(有閥門),雖然一個時刻也隻能接一個水管的水,但依賴輪換政策,在水量不大的時候,各個水管裡流出來的水,都可以得到妥善接 納,這個關鍵之處就是增加了一個接水工,也就是Selector,他負責協調,也就是看哪根水管有水了的話,在目前水管的水接到一定程度的時候,就切換一 下:臨時關上目前水龍頭,試着打開另一個水龍頭(看看有沒有水)。當其他人需要用水的時候,不是直接去接水,而是事前提了一個水桶給接水工,這個水桶 就是Buffer。也就是,其他人雖然也可能要等,但不會在現場等,而是回家等,可以做其它事去,水接滿了,接水工會通知他們  Java NIO 實作百萬連接配接( 這 段 代 碼 隻 會 接 受 連 過 來 的 連 接 , 不 做 任 何 操 作 ) 

[java]  view plain  copy

  1. ServerSocketChannel ssc = ServerSocketChannel.open();  
  2. Selector sel = Selector.open();   
  3. ssc.configureBlocking(false);  
  4. ssc.socket().bind(new InetSocketAddress(8080));  
  5. SelectionKey key = ssc.register(sel, SelectionKey.OP_ACCEPT);   
  6. while(true) {  
  7.     sel.select();  
  8.     Iterator it = sel.selectedKeys().iterator();  
  9.     while(it.hasNext()) {  
  10.         SelectionKey skey = (SelectionKey)it.next();  
  11.         it.remove();  
  12.         if(skey.isAcceptable()) {  
  13.             ch = ssc.accept();  
  14.         }  
  15.     }  
  16. }  

 Netty是什麼

Netty: http://netty.io/ Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients 

官方解釋已經夠清楚的了,其中最吸引人的就是高性能 高性能了。

 1,普通的伺服器10000個連接配接需要10000個線程,伺服器可能就直接卡住了,但對于netty伺服器可能幾個線程就夠了

2,netty是一套在 是一套在java NIO的基礎上封裝的便于使用者開發網絡應用程式的 的基礎上封裝的便于使用者開發網絡應用程式的api. 應用場景很多,諸如阿裡的消息隊列(RocketMQ),分布式rpc(Dubbo)通 信層都使用到了netty(dubbo可以用服務發現自由選擇通信層)

3,netty是非阻塞事件驅動架構 是非阻塞事件驅動架構, 并結合線程組(group)的概念,可以很好的支援高并發,慢連接配接的場景

4,程式設計接口非常容易,并且也較好的解決了TCP粘包/拆包的問題.netty提供了自己的ByteBuf和channel,相比于jdk的ByteBuffer和channel來說更簡便靈 活操作, 并提供了pipeline的概念,并針對每個contextHandler都可以由使用者定義, 友善直接.

5,有一些web架構已經開始直接使用netty做為底層通信服務,諸如play. 這樣play就不用依賴于容器去進行部署,在沒有nginx做反向代理的情況下也能支援 高并發.編解碼器可以随意擴充,今天是個web,明天就可以是一個ftp或email伺服器,個人覺得比較靈活。

6,相對于Tomcat這種Web Server(顧名思義主要是提供Web協定相關的服務的),Netty是一個 是一個Network Server,是處于Web Server更下層的網絡框 架,也就是說你可以使用Netty模仿Tomcat做一個提供HTTP服務的Web容器。簡而言之,Netty通過使用NIO的很多新特性,對TCP/UDP程式設計進行了簡化和封 裝,提供了更容易使用的網絡程式設計接口,讓你可以根據自己的需要封裝獨特的HTTP Server活着FTP Server等.

Netty更多的連結 更多的連結

非阻塞IO

其實無論是用Java NIO 還是用Netty,達到百萬連結都沒有任何難度,因為他們都是非阻塞的IO,不需要為每個連結建立一個線程了。

預知詳情,可以搜尋一下BIO,NIO,AIO的相關知識。

Netty 實作百萬連接配接( 這 段 代 碼 隻 會 接 受 連 過 來 的 連 接 ) 

[java]  view plain  copy

  1. NioEventLoopGroup bossGroup =  new NioEventLoopGroup();  
  2. NioEventLoopGroup workerGroup= new NioEventLoopGroup();  
  3. ServerBootstrap bootstrap = new ServerBootstrap();  
  4. bootstrap.group(bossGroup, workerGroup);   
  5. bootstrap.channel( NioServerSocketChannel.class);   
  6. bootstrap.childHandler(new ChannelInitializer<SocketChannel>() {  
  7.     @Override protected void initChannel(SocketChannel ch) throws Exception {  
  8.         ChannelPipeline pipeline = ch.pipeline();  
  9.         //todo: add handler  
  10.     }});  
  11. bootstrap.bind(8080).sync();   

WebSocket是什麼

WebSocket是HTML5出的東西(協定),也就是說HTTP協定沒有變化,或者說沒關系,但HTTP是不支援持久連接配接的(長連接配接,循環連接配接的不算)

首先,Websocket是一個持久化的協定,相對于HTTP這種非持久的協定來說。簡單的舉個例子吧,用目前應用比較廣泛的PHP生命周期來解釋。

1) HTTP的生命周期通過Request來界定,也就是一個Request 一個Response,那麼在HTTP1.0中,這次HTTP請求就結束了。在HTTP1.1中進行了改進,使 得有一個keep-alive,也就是說,在一個HTTP連接配接中,可以發送多個Request,接收多個Response。但是請記住 Request = Response , 在HTTP中永 遠是這樣,也就是說一個request隻能有一個response。而且這個response也是被動的,不能主動發起。

Websocket的作用 在講Websocket之前,我就順帶着講下 long poll 和 ajax輪詢 的原理。 

首先是 ajax輪詢 ,ajax輪詢 的原理非常簡單,讓浏覽器隔個幾秒就發送一次請求,詢問伺服器是否有新資訊。 

場景再現: 用戶端:啦啦啦,有沒有新資訊(Request) 

服務端:沒有(Response) 

用戶端:啦啦啦,有沒有新資訊(Request) 

服務端:沒有。。(Response) 

用戶端:啦啦啦,有沒有新資訊(Request) 

服務端:你好煩啊,沒有啊。。(Response)

 用戶端:啦啦啦,有沒有新消息(Request) 

服務端:好啦好啦,有啦給你。(Response) 

用戶端:啦啦啦,有沒有新消息(Request) 

服務端:。。。。。沒。。。。沒。。。沒有(Response) ---- loop

long poll long poll 其實原理跟 ajax輪詢 差不多,都是采用輪詢的方式,不過采取的是阻塞模型(一直打電話,沒收到就不挂電話),也就是說,用戶端發起連接配接 後,如果沒消息,就一直不傳回Response給用戶端。直到有消息才傳回,傳回完之後,用戶端再次建立連接配接,周而複始。 

場景再現 用戶端:啦啦啦,有沒有新資訊,沒有的話就等有了才傳回給我吧(Request) 

服務端:額。。 等待到有消息的時候。。來 給你(Response) 

用戶端:啦啦啦,有沒有新資訊,沒有的話就等有了才傳回給我吧(Request) -loop

從上面可以看出其實這兩種方式,都是在不斷地建立HTTP連接配接,然後等待服務端處理,可以展現HTTP協定的另外一個特點,被動性。 何為被動性呢,其實就是,服務端不能主動聯系用戶端,隻能有用戶端發起。 簡單地說就是,伺服器是一個很懶的冰箱(這是個梗)(不會、不能主動發起連接配接),但是上司有指令,如果有客戶來,不管多麼累都要好好接待。

說完這個,我們再來說一說上面的缺陷 從上面很容易看出來,不管怎麼樣,上面這兩種都是非常消耗資源的。 

ajax輪詢 需要伺服器有很快的處理速度和資源。(速度) long poll 需要有很高的并發,也就是說同時接待客戶的能力。(場地大小) 是以ajax輪詢 和long poll 都有可能發生這種情況。

用戶端:啦啦啦啦,有新資訊麼? 

用戶端:啦啦啦啦,有新資訊麼? 

服務端:月線正忙,請稍後再試( 服務端:月線正忙,請稍後再試(503 Server Unavailable) ) 

用戶端:。。。。好吧,啦啦啦,有新資訊麼? 

用戶端:。。。。好吧,啦啦啦,有新資訊麼? 

服務端:月線正忙,請稍後再試( 服務端:月線正忙,請稍後再試(503 Server Unavailable) )

通過上面這個例子,我們可以看出,這兩種方式都不是最好的方式,需要很多資源。 一種需要更快的速度,一種需要更多的'電話'。這兩種都會導緻'電話'的需求越來越高。 哦對了,忘記說了HTTP還是一個狀态協定。 通俗的說就是,伺服器因為每天要接待太多客戶了,是個健忘鬼 健忘鬼,你一挂電話,他就把你的東西全忘光了,把你的東西全丢掉了。你第二次還得再告訴服務 器一遍。

是以在這種情況下出現了,Websocket出現了。 他解決了HTTP的這幾個難題。 首先,被動性 被動性,當伺服器完成協定更新後(HTTP->Websocket),服務端就可以主動推送資訊給用戶端啦。 是以上面的情景可以做如下修改。 

用戶端:啦啦啦,我要建立Websocket協定,需要的服務:chat,Websocket協定版本:17(HTTP Request) 

服務端:ok,确認,已更新為Websocket協定(HTTP Protocols Switched) 

用戶端:麻煩你有資訊的時候推送給我噢。。 

服務端:ok,有的時候會告訴你的。 

服務端:balabalabalabala 

服務端:balabalabalabala 

服務端:哈哈哈哈哈啊哈哈哈哈 

服務端:笑死我了哈哈哈哈哈哈哈 

浏覽器打開 浏覽器打開websocket代碼 代碼

[javascript]  view plain  copy

  1. var socket;  
  2. if(!window.WebSocket){  
  3.   window.WebSocket = window.MozWebSocket;  
  4. }   
  5. if(window.WebSocket){  
  6.   socket = new WebSocket("ws://10.0.53.219:7397/websocket");  
  7.   socket.onmessage = function(event){  
  8.                    var ta = document.getElementById('responseText');  
  9.                    ta.value += event.data+"\r\n";  
  10.   };  
  11.   socket.onopen = function(event){  
  12.                    var ta = document.getElementById('responseText');  
  13.                    ta.value = "這裡顯示伺服器推送資訊"+"\r\n";  
  14.   };  
  15. socket.onclose = function(event){  
  16.                    var ta = document.getElementById('responseText');  
  17.                    ta.value = "";  
  18.                    ta.value = "WebSocket 關閉"+"\r\n";  
  19.   };  
  20. }else{  
  21.          alert("您的浏覽器不支援WebSocket協定!");  
  22. }   

不支援websocket的浏覽器處理方法

點選打開連結 https://github.com/gimite/web-socket-js/

複制 swfobject.js, web_socket.js, WebSocketMain.swf到項目中

[javascript]  view plain  copy

  1. <span style="font-size:10px;"><script type="text/javascript" src="swfobject.js"></script>  
  2. <script type="text/javascript" src="web_socket.js"></script>  
  3. <script type="text/javascript">  
  4.   // Let the library know where WebSocketMain.swf is:  
  5.   WEB_SOCKET_SWF_LOCATION = "WebSocketMain.swf";  
  6.   // Write your code in the same way as for native WebSocket:  
  7.   var ws = new WebSocket("ws://example.com:10081/");  
  8.   ws.onopen = function() {  
  9.     ws.send("Hello");  // Sends a message.  
  10.   };  
  11.   ws.onmessage = function(e) {  
  12.     // Receives a message.  
  13.     alert(e.data);  
  14.   };  
  15.   ws.onclose = function() {  
  16.     alert("closed");  
  17.   };  
  18. </script></span>  

附錄: 附錄:netty+websocket即時聊天代碼 即時聊天代碼

Global.java

[java]  view plain  copy

  1. package com.fesco.netty.websocket.common;   
  2. import io.netty.channel.group.ChannelGroup;  
  3. import io.netty.channel.group.DefaultChannelGroup;  
  4. import io.netty.util.concurrent.GlobalEventExecutor;  
  5. public final class Global {  
  6.          public static ChannelGroup group = new DefaultChannelGroup(GlobalEventExecutor.INSTANCE);  
  7. }   
  8. ChildChannelHandler.java   
  9. package com.fesco.netty.websocket;   
  10. import io.netty.channel.ChannelInitializer;  
  11. import io.netty.channel.socket.SocketChannel;  
  12. import io.netty.handler.codec.http.HttpObjectAggregator;  
  13. import io.netty.handler.codec.http.HttpServerCodec;  
  14. import io.netty.handler.stream.ChunkedWriteHandler;   
  15. public class ChildChannelHandler extends ChannelInitializer<SocketChannel> {   
  16.          @Override  
  17.          protected void initChannel(SocketChannel ch) throws Exception {  
  18.                    ch.pipeline().addLast("http-codec", new HttpServerCodec());  
  19.                    ch.pipeline().addLast("aggregator",new HttpObjectAggregator(65535));  
  20.                    ch.pipeline().addLast("http-chunked",new ChunkedWriteHandler());  
  21.                    ch.pipeline().addLast("handler",new MyWebSocketServerHandler());  
  22.          }   
  23. }     
  24. MyWebSocketServerHandler.java   
  25. package com.fesco.netty.websocket;   
  26. import io.netty.buffer.ByteBuf;  
  27. import io.netty.buffer.Unpooled;  
  28. import io.netty.channel.ChannelFuture;  
  29. import io.netty.channel.ChannelFutureListener;  
  30. import io.netty.channel.ChannelHandlerContext;  
  31. import io.netty.channel.SimpleChannelInboundHandler;  
  32. import io.netty.handler.codec.http.DefaultFullHttpResponse;  
  33. import io.netty.handler.codec.http.FullHttpRequest;  
  34. import io.netty.handler.codec.http.HttpResponseStatus;  
  35. import io.netty.handler.codec.http.HttpVersion;  
  36. import io.netty.handler.codec.http.websocketx.CloseWebSocketFrame;  
  37. import io.netty.handler.codec.http.websocketx.PingWebSocketFrame;  
  38. import io.netty.handler.codec.http.websocketx.PongWebSocketFrame;  
  39. import io.netty.handler.codec.http.websocketx.TextWebSocketFrame;  
  40. import io.netty.handler.codec.http.websocketx.WebSocketFrame;  
  41. import io.netty.handler.codec.http.websocketx.WebSocketServerHandshaker;  
  42. import io.netty.handler.codec.http.websocketx.WebSocketServerHandshakerFactory;  
  43. import io.netty.util.CharsetUtil;   
  44. import java.util.Calendar;  
  45. import java.util.GregorianCalendar;  
  46. import java.util.logging.Level;  
  47. import java.util.logging.Logger;   
  48. import com.fesco.netty.websocket.common.Global;   
  49. public class MyWebSocketServerHandler extends SimpleChannelInboundHandler<Object>{   
  50.          private static final Logger logger = Logger.getLogger(WebSocketServerHandshaker.class.getName());  
  51.          private WebSocketServerHandshaker handshaker;  
  52.          @Override  
  53.          public void channelActive(ChannelHandlerContext ctx) throws Exception {  
  54.                    Global.group.add(ctx.channel());  
  55.                    System.out.println("用戶端與伺服器段開啟");  
  56.          }   
  57.          @Override  
  58.          public void channelInactive(ChannelHandlerContext ctx) throws Exception {  
  59.                    Global.group.remove(ctx.channel());  
  60.                    System.out.println("用戶端與伺服器連結關閉!");  
  61.          }   
  62.          @Override  
  63.          protected void messageReceived(ChannelHandlerContext ctx, Object msg)  
  64.                             throws Exception {  
  65.                    if(msg instanceof FullHttpRequest){  
  66.                             handleHttpRequest(ctx, ((FullHttpRequest) msg));  
  67.                    }else if(msg instanceof WebSocketFrame){  
  68.                             handlerWebSocketFrame(ctx, (WebSocketFrame) msg);  
  69.                    }  
  70.          }   
  71.          @Override  
  72.          public void channelReadComplete(ChannelHandlerContext ctx) throws Exception {  
  73.                    ctx.flush();  
  74.          }   
  75.          private void handlerWebSocketFrame(ChannelHandlerContext ctx,  
  76.                             WebSocketFrame frame) {  
  77.                    if(frame instanceof CloseWebSocketFrame){  
  78.                             handshaker.close(ctx.channel(), (CloseWebSocketFrame)frame.retain());  
  79.                    }  
  80.                    if(frame instanceof PingWebSocketFrame){  
  81.                             ctx.channel().write(new PongWebSocketFrame(frame.content().retain()));  
  82.                    }  
  83.                    if(!(frame instanceof TextWebSocketFrame)){  
  84.                             System.err.println("本例僅支援文本!");  
  85.                             throw new UnsupportedOperationException(String.format(  
  86.                                                "%s frame types not supported", frame.getClass().getName()));  
  87.                    }  
  88.                    String request = ((TextWebSocketFrame)frame).text();  
  89.                    System.out.println("伺服器收到:" + request);  
  90.                    if (logger.isLoggable(Level.FINE)) {  
  91.                             logger.fine(String.format("%s received %s", ctx.channel(),request));  
  92.                    }  
  93.                    TextWebSocketFrame tws = new TextWebSocketFrame(getDateTime()  
  94.                                      + "(" +ctx.channel().remoteAddress() + ") :" + request);  
  95.                    // 群發  
  96.                    Global.group.writeAndFlush(tws);  
  97.                    // 傳回【誰發的發給誰】  
  98.                    // ctx.channel().writeAndFlush(tws);  
  99.          }   
  100.          private void handleHttpRequest(ChannelHandlerContext ctx,FullHttpRequest req) {  
  101.                    if(!req.getDecoderResult().isSuccess() ||  
  102.                                      !("websocket".equals(req.headers().get("Upgrade")))){  
  103.                             sendHttpResponse(ctx, req, new DefaultFullHttpResponse(  
  104.                                                HttpVersion.HTTP_1_1, HttpResponseStatus.BAD_REQUEST));  
  105.                             return;  
  106.                    }  
  107.                    WebSocketServerHandshakerFactory wsFactory = new WebSocketServerHandshakerFactory("ws://localhost:7397/websocket", null, false);  
  108.                    handshaker = wsFactory.newHandshaker(req);  
  109.                    if(null == handshaker){  
  110.                             WebSocketServerHandshakerFactory.sendUnsupportedWebSocketVersionResponse(ctx.channel());  
  111.                    }else{  
  112.                             handshaker.handshake(ctx.channel(), req);  
  113.                    }  
  114.          }   
  115.          private void sendHttpResponse(ChannelHandlerContext ctx,  
  116.                             FullHttpRequest req, DefaultFullHttpResponse res) {  
  117.                    if(res.getStatus().code() != 200){  
  118.                             ByteBuf buf = Unpooled.copiedBuffer(res.getStatus().toString(),  
  119.                                                CharsetUtil.UTF_8);  
  120.                             res.content().writeBytes(buf);  
  121.                             buf.release();  
  122.                    }  
  123.                    ChannelFuture future = ctx.channel().writeAndFlush(res);  
  124.                    if (!isKeepAlive(req) || res.getStatus().code() != 200) {  
  125.                             future.addListener(ChannelFutureListener.CLOSE);  
  126.                    }  
  127.          }  
  128.          private static boolean isKeepAlive(FullHttpRequest req){  
  129.                    return false;  
  130.          }  
  131.          @Override  
  132.          public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause)  
  133.                             throws Exception {  
  134.                    cause.printStackTrace();  
  135.                    ctx.close();  
  136.          }    
  137.          private String getDateTime() {  
  138.                    // Calendar calendar = Calendar.getInstance();  
  139.                    Calendar calendar = new GregorianCalendar();  
  140.                    java.util.Date date = new java.util.Date();  
  141.                    calendar.setTime(date);  
  142.                    String sHour = null;  
  143.                    String sMinute = null;  
  144.                    String sSecond = null;  
  145.                    String sYear = null;  
  146.                    String sMonth = null;  
  147.                    String sDay = null;  
  148.                    int year = calendar.get(Calendar.YEAR);  
  149.                    int month = calendar.get(Calendar.MONTH) + 1;  
  150.                    int day = calendar.get(Calendar.DATE);  
  151.                    int hour = calendar.get(Calendar.HOUR_OF_DAY);  
  152.                    int minute = calendar.get(Calendar.MINUTE);  
  153.                    int second = calendar.get(Calendar.SECOND);  
  154.                    int milliSecond = calendar.get(Calendar.MILLISECOND);   
  155.                    sYear = String.valueOf(year);  
  156.                    if (month < 10) {  
  157.                             sMonth = "0" + month;  
  158.                    } else  
  159.                             sMonth = String.valueOf(month);  
  160.                    if (day < 10) {  
  161.                             sDay = "0" + day;  
  162.                    } else  
  163.                             sDay = String.valueOf(day);   
  164.                    if (hour < 10) {  
  165.                             sHour = "0" + hour;  
  166.                    } else {  
  167.                             sHour = String.valueOf(hour);  
  168.                    }   
  169.                    if (minute < 10) {  
  170.                             sMinute = "0" + minute;  
  171.                    } else {  
  172.                             sMinute = String.valueOf(minute);  
  173.                    }   
  174.                    if (second < 10) {  
  175.                             sSecond = "0" + second;  
  176.                    } else {  
  177.                             sSecond = String.valueOf(second);  
  178.                    }   
  179.                    return sYear + "-" + sMonth + "-" + sDay + " " + sHour + ":" + sMinute + ":" + sSecond;  
  180.          }    
  181. }   

NettyServer.java 

[java]  view plain  copy

  1. package com.fesco.netty.websocket;   
  2. import java.net.InetSocketAddress;   
  3. import io.netty.bootstrap.ServerBootstrap;  
  4. import io.netty.channel.Channel;  
  5. import io.netty.channel.EventLoopGroup;  
  6. import io.netty.channel.nio.NioEventLoopGroup;  
  7. import io.netty.channel.socket.nio.NioServerSocketChannel;   
  8. public class NettyServer {  
  9.          public void run(){  
  10.                    EventLoopGroup boosGroup = new NioEventLoopGroup();  
  11.                    EventLoopGroup workGroup = new NioEventLoopGroup();  
  12.                    try {  
  13.                             ServerBootstrap bootstrap = new ServerBootstrap();  
  14.                             bootstrap.group(boosGroup, workGroup);  
  15.                             bootstrap.channel(NioServerSocketChannel.class);  
  16.                             bootstrap.childHandler(new ChildChannelHandler());  
  17.                             System.err.println("伺服器開啟待用戶端連結.....");  
  18.                             Channel ch = bootstrap.bind(new InetSocketAddress("10.0.53.219", 7397)).sync().channel();  
  19.                             ch.closeFuture().sync();  
  20.                    } catch (Exception e) {  
  21.                             e.printStackTrace();  
  22.                    }finally{  
  23.                             boosGroup.shutdownGracefully();  
  24.                             workGroup.shutdownGracefully();  
  25.                    }  
  26.          }  
  27.          public static void main(String[] args){  
  28.                    new NettyServer().run();  
  29.          }  
  30. }   

ClinetHtml.html 

[html]  view plain  copy

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>無标題文檔</title>  
  6. <script type="text/javascript">  
  7.   var socket;  
  8.   if(!window.WebSocket){  
  9.            window.WebSocket = window.MozWebSocket;  
  10.   }   
  11.   if(window.WebSocket){  
  12.            socket = new WebSocket("ws://10.0.53.219:7397/websocket");  
  13.            socket.onmessage = function(event){  
  14.                             var ta = document.getElementById('responseText');  
  15.                             ta.value += event.data+"\r\n";  
  16.            };  
  17.            socket.onopen = function(event){  
  18.                             var ta = document.getElementById('responseText');  
  19.                             ta.value = "這裡顯示伺服器推送資訊"+"\r\n";  
  20.            };   
  21.            socket.onclose = function(event){  
  22.                             var ta = document.getElementById('responseText');  
  23.                             ta.value = "";  
  24.                             ta.value = "WebSocket 關閉"+"\r\n";  
  25.            };  
  26.   }else{  
  27.                    alert("您的浏覽器不支援WebSocket協定!");  
  28.   }   
  29.   function send(message){  
  30.          if(!window.WebSocket){return;}  
  31.          if(socket.readyState == WebSocket.OPEN){  
  32.                    socket.send(message);  
  33.          }else{  
  34.                    alert("WebSocket 連接配接沒有建立成功!");  
  35.          }  
  36.   }  
  37.   </script>  
  38. </head>   
  39. <body>  
  40.          <form onSubmit="return false;">  
  41.                    <input type="text" name="message" value="這裡輸入消息" /> <br />  
  42.                    <br /> <input type="button" value="發送 WebSocket 請求消息"  
  43.                             onClick="send(this.form.message.value)" />  
  44.                    <hr color="blue" />  
  45.                    <h3>服務端傳回的應答消息</h3>  
  46.                    <textarea id="responseText" style="width: 1024px;height: 300px;"></textarea>  
  47.          </form>  
  48. </body>  
  49. </html>  

繼續閱讀