netty-socketio即时通讯

jar包和依赖包在360云盘中：所有文件 > 学习 > jar包 > netty-socketio-1.7.10以及依赖

原文链接：http://www.cnblogs.com/always-online/p/4131635.html

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

最新文章

热门文章