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即时通讯的更多相关文章
- easy-im：一款基于netty的即时通讯系统
介绍 easy-im是面向开发者的一款轻量级.开箱即用的即时通讯系统,帮助开发者快速搭建消息推送等功能. 基于easy-im,你可以快速实现以下功能: + 聊天软件 + IoT消息推送 基本用法 项目 ...
- node.js和socket.io纯js实现的即时通讯实例分享
在这个例子中,其实node.js并没有真正起到服务器的作用,因为我们这里可以直接运行client.html文件,而不用输入url请求,当 然,要想输入url请求页面内容还需要加入请求静态文件的代码.这 ...
- WEB通知和React Native之即时通讯(iOS Android)
WEB通知和React Native之即时通讯(iOS Android) 一,需求分析 1.1,允许服务器主动发送信息给客户端,客户端能监听到并且能接收. 1.2,为了方便同一个系统内的用户可以指定某 ...
- Web端即时通讯基础知识补课：一文搞懂跨域的所有问题！
本文原作者: Wizey,作者博客:http://wenshixin.gitee.io,即时通讯网收录时有改动,感谢原作者的无私分享. 1.引言 典型的Web端即时通讯技术应用场景,主要有以下两种形式 ...
- 一款Java开源的Springboot即时通讯 IM，附源码
# 开篇 电商平台最不能缺的就是即时通讯,例如通知类下发,客服聊天等.今天,就来给大家分享一个开源的即时通讯系统.如对文章不感兴趣可直接跳至文章末尾,有获取源码链接的方法. 但文章内容是需要你简单的过 ...
- 聊一聊Web端的即时通讯
聊一聊Web端的即时通讯 Web端实现即时通讯的方法有哪些? - 短轮询 长轮询 iframe流 Flash Socket 轮询 客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并 ...
- 利用WCF双工模式实现即时通讯
概述 WCF陆陆续续也用过多次,但每次都是浅尝辄止,以将够解决问题为王道,这几天稍闲,特寻了些资料看,昨晚尝试使用WCF的双工模式实现了一个简单的即时通讯程序,通过服务端转发实现客户端之间的通讯.这只 ...
- android环境下的即时通讯
首先了解一下即时通信的概念.通过消息通道 传输消息对象,一个账号发往另外一账号,只要账号在线,可以即时获取到消息,这就是最简单的即使通讯.消息通道可由TCP/IP UDP实现.通俗讲就是把一个人要发送 ...
- 【原创】轻量级即时通讯技术MobileIMSDK：Android客户端开发指南
申明:MobileIMSDK 目前为个人维护的原创开源工程,现陆续整理了一些资料,希望对需要的人有用.如需与作者交流,见文章底签名处,互相学习. MobileIMSDK开源工程的代码托管地址请进入 G ...
- 【原创】轻量级移动设备即时通讯技术MobileIMSDK的常见问题解答
申明:MobileIMSDK 目前为个人原创开源工程且已发布,现整理了一些有关MobileIMSDK的常见的问题,希望对需要的人有用,谢谢.如需与作者交流,见文章底部个人签名处,互相学习. Mobil ...
随机推荐
- java.lang.NoSuchMethodException: com.sun.proxy.$Proxy
删掉了@Transactional注解,结果成功了 是这个注解造成的. 是ssh2的整合强制我们使用分层架构.
- phpStorm的远端部署
首先远端服务器的路径: /var/www -rwxrwxrwx jiangzhaowei jiangzhaowei 6月 index.html* lr-xr-xr-x root root 2月 php ...
- 为什么stc15的单片机，运行了几秒后就蹦了
转载请注明出处:http://blog.csdn.net/qq_26093511/article/details/53534465 还是那个led显示屏的项目...... stc15的单片机 运行了几 ...
- UVa 1627 Team them up! (01背包+二分图)
题意:给n个分成两个组,保证每个组的人都相互认识,并且两组人数相差最少,给出一种方案. 析:首先我们可以知道如果某两个人不认识,那么他们肯定在不同的分组中,所以我们可以根据这个结论构造成一个图,如果两 ...
- angular6 render2 & viewContentRef实践
angular 渲染层 angular一个跨平台的框架不仅仅针对的浏览器这一个平台 ElementRef 与 TemplateRef 简单的理解: ElemnetRef : 例如一个<span& ...
- Codeforces 176B【计数DP】
题意: 给你两个串s1,s2和一个K, 有一种操作是在一个串切开然后交换位置, 问s1有多少种方法经过K次这样的操作变成s2: 思路: (从来没接触过计数DP...还是太菜...参考了[大牛blog] ...
- github新手使用
1.首先要先在github的官网注册一个属于自己的账号.https://github.com/ 2.注册完成后需要一些简单的设置,先创建一个属于自己的仓库,repository 3.创建仓库 4.如何 ...
- 强大的在线web编辑器UEditor
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. UEditor在线演示地址:http://u ...
- 使用AnimatorOverrideController动态更换animationclip注意事项
http://www.ceeger.com/forum/read.php?tid=19138 public AnimationClip clip; Animator anim; void Awake( ...
- uoj#418. 【集训队作业2018】三角形（线段树合并）
传送门 好迷啊--膜一下ljz 考虑每个操作,如果把操作按先后顺序放到序列上的话,操作一就是把\(w_i\)的石子放到某个节点,那么就是在序列末端加入\(w_i\),然后根据贪心肯定要把它所有儿子的石 ...