netty-socketio即時通訊

netty-socketio

一、簡介

　　netty-socketio是一個開源的Socket.io服務器端的一個java的實現，它基於Netty框架。項目地址為：https://github.com/mrniko/netty-socketio 。socket.io是一個跨瀏覽器使用websocket為實時實時應用提供服務。本例子使用maven構建，依賴如下：

<dependency>
    <groupId>com.corundumstudio.socketio</groupId>
    <artifactId>netty-socketio</artifactId>
    <version>1.6.5</version>
</dependency>

　　客戶端使用的是socket.io-client，下載地址為:https://github.com/Automattic/socket.io-client。

二、相關代碼

　　服務器端：

　　消息實體

 1 package com.test.socket;
 2 
 3 public class ChatObject {
 4 
 5     private String userName;
 6     private String message;
 7 
 8     public ChatObject() {
 9     }
10 
11     public ChatObject(String userName, String message) {
12         super();
13         this.userName = userName;
14         this.message = message;
15     }
16 
17     public String getUserName() {
18         return userName;
19     }
20 
21     public void setUserName(String userName) {
22         this.userName = userName;
23     }
24 
25     public String getMessage() {
26         return message;
27     }
28 
29     public void setMessage(String message) {
30         this.message = message;
31     }
32 
33 }

　　監聽器

 1 package com.test.socket;
 2 
 3 import com.corundumstudio.socketio.AckRequest;
 4 import com.corundumstudio.socketio.SocketIOClient;
 5 import com.corundumstudio.socketio.SocketIOServer;
 6 import com.corundumstudio.socketio.listener.DataListener;
 7 
 8 public class CharteventListener implements DataListener<ChatObject> {
 9 
10     SocketIOServer server;
11 
12     public void setServer(SocketIOServer server) {
13         this.server = server;
14     }
15     
16     public void onData(SocketIOClient client, ChatObject data,
17             AckRequest ackSender) throws Exception {
18         //chatevent為 事件的名稱，data為發送的內容
19         this.server.getBroadcastOperations().sendEvent("chatevent", data);
20     }
21 
22 }

　　服務器端啟動代碼

 1 package com.test.socket;
 2 
 3 import com.corundumstudio.socketio.Configuration;
 4 import com.corundumstudio.socketio.SocketIOServer;
 5 
 6 public class SocketServer {
 7     public static void main(String[] args) throws InterruptedException {
 8 
 9         Configuration config = new Configuration();
10         config.setHostname("localhost");
11         config.setPort(9092);
12 
13         SocketIOServer server = new SocketIOServer(config); 
14 
15         CharteventListener listner = new CharteventListener();
16         listner.setServer(server);
17         //   chatevent為事件名稱
18         server.addEventListener("chatevent", ChatObject.class, listner); 
19         //啟動服務
20         server.start();
21 
22         Thread.sleep(Integer.MAX_VALUE);
23 
24         server.stop();
25     }
26 
27 }
28

　　運行該類，服務器端即可啟動

　　客戶端message.html代碼如下:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 <title>Insert title here</title>
 6 <script src="./jquery-1.9.1.js" type="text/javascript"></script>
 7 <script type="text/javascript" src="./socket.io/socket.io.js"></script>
 8     <style>
 9         body { 
10             padding:20px;
11         }
12         #console { 
13             height: 400px; 
14             overflow: auto; 
15         }
16         .username-msg {color:orange;}
17         .connect-msg {color:green;}
18         .disconnect-msg {color:red;}
19         .send-msg {color:#888}
20     </style>
21 </head>
22 <body>
23     <h1>Netty-socketio示例</h1>
24     <br/>
25     <div id="console" class="well">
26     </div>
27         <form class="well form-inline" onsubmit="return false;">
28            <input id="name" class="input-xlarge" type="text" placeholder="用戶名稱..."/>
29            <input id="msg" class="input-xlarge" type="text" placeholder="發送內容..."/>
30            <button type="button" onClick="sendMessage()" class="btn">Send</button>
31            <button type="button" onClick="sendDisconnect()" class="btn">Disconnect</button>
32         </form>
33 </body>
34 <script type="text/javascript">
35         var socket =  io.connect('http://localhost:9092');
36 
37         socket.on('connect', function() {
38             output('<span class="connect-msg">Client has connected to the server!</span>');
39         });
40         
41         socket.on('chatevent', function(data) {
42             output('<span class="username-msg">' + data.userName + ':</span> ' + data.message);
43         });
44         
45         socket.on('disconnect', function() {
46             output('<span class="disconnect-msg">The client has disconnected!</span>');
47         });
48         function sendDisconnect() {
49             socket.disconnect();
50         }
51         
52         function sendMessage() {
53             var userName = $("#name").val()
54             var message = $('#msg').val();
55             $('#msg').val('');
56             socket.emit('chatevent', {userName: userName, message: message});
57         }
58         
59         function output(message) {
60             var currentTime = "<span class='time'>" +  new Date() + "</span>";
61             var element = $("<div>" + currentTime + " " + message + "</div>");
62             $('#console').prepend(element);
63         }
64     </script>
65 </html>

　　客戶端需要引入jquery與socket.io.js文件。

　　在瀏覽器打開該html文件,輸入用戶名稱以及消息內容發送，服務器端獲取到發送的內容之后，會將該消息發送會客戶端，客戶端接收到從服務器端返回的消息或，將該消息添加到頁面並顯示。運行效果如下圖:

netty-socketio即時通訊

netty-socketio

免責聲明！