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即时通讯的更多相关文章

  1. easy-im:一款基于netty的即时通讯系统

    介绍 easy-im是面向开发者的一款轻量级.开箱即用的即时通讯系统,帮助开发者快速搭建消息推送等功能. 基于easy-im,你可以快速实现以下功能: + 聊天软件 + IoT消息推送 基本用法 项目 ...

  2. node.js和socket.io纯js实现的即时通讯实例分享

    在这个例子中,其实node.js并没有真正起到服务器的作用,因为我们这里可以直接运行client.html文件,而不用输入url请求,当 然,要想输入url请求页面内容还需要加入请求静态文件的代码.这 ...

  3. WEB通知和React Native之即时通讯(iOS Android)

    WEB通知和React Native之即时通讯(iOS Android) 一,需求分析 1.1,允许服务器主动发送信息给客户端,客户端能监听到并且能接收. 1.2,为了方便同一个系统内的用户可以指定某 ...

  4. Web端即时通讯基础知识补课:一文搞懂跨域的所有问题!

    本文原作者: Wizey,作者博客:http://wenshixin.gitee.io,即时通讯网收录时有改动,感谢原作者的无私分享. 1.引言 典型的Web端即时通讯技术应用场景,主要有以下两种形式 ...

  5. 一款Java开源的Springboot即时通讯 IM,附源码

    # 开篇 电商平台最不能缺的就是即时通讯,例如通知类下发,客服聊天等.今天,就来给大家分享一个开源的即时通讯系统.如对文章不感兴趣可直接跳至文章末尾,有获取源码链接的方法. 但文章内容是需要你简单的过 ...

  6. 聊一聊Web端的即时通讯

    聊一聊Web端的即时通讯 Web端实现即时通讯的方法有哪些? - 短轮询 长轮询 iframe流 Flash Socket 轮询 客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并 ...

  7. 利用WCF双工模式实现即时通讯

    概述 WCF陆陆续续也用过多次,但每次都是浅尝辄止,以将够解决问题为王道,这几天稍闲,特寻了些资料看,昨晚尝试使用WCF的双工模式实现了一个简单的即时通讯程序,通过服务端转发实现客户端之间的通讯.这只 ...

  8. android环境下的即时通讯

    首先了解一下即时通信的概念.通过消息通道 传输消息对象,一个账号发往另外一账号,只要账号在线,可以即时获取到消息,这就是最简单的即使通讯.消息通道可由TCP/IP UDP实现.通俗讲就是把一个人要发送 ...

  9. 【原创】轻量级即时通讯技术MobileIMSDK:Android客户端开发指南

    申明:MobileIMSDK 目前为个人维护的原创开源工程,现陆续整理了一些资料,希望对需要的人有用.如需与作者交流,见文章底签名处,互相学习. MobileIMSDK开源工程的代码托管地址请进入 G ...

  10. 【原创】轻量级移动设备即时通讯技术MobileIMSDK的常见问题解答

    申明:MobileIMSDK 目前为个人原创开源工程且已发布,现整理了一些有关MobileIMSDK的常见的问题,希望对需要的人有用,谢谢.如需与作者交流,见文章底部个人签名处,互相学习. Mobil ...

随机推荐

  1. HDU2147 kiki's game (SG表找规律)

    Recently kiki has nothing to do. While she is bored, an idea appears in his mind, she just playes th ...

  2. Linux下启动mongodb

    完成安装mongodb(略) 创建数据目录: # mkdir /data/mongo 创建配置文件 # vi /data/mongo/mongodb.cnf dbpath=/data/mongo/ l ...

  3. H264解码器源码(Android 1.6 版)

    H264解码器源码,移植ffmpeg中的H264解码部分到Android,深度删减优化,在模拟器(320x480)中验证通过. 程序的采用jni架构.界面部分,文件读取,视频显示都是用java做的,底 ...

  4. 开发板启动时,内核打印出"can't access tty,job control turned off"

    启动后的最后一行提示can't access tty,job control turned off, 这说明没有进入到控制台,原因就在于文件系统的/etc/inittab 这个文件里有问题 vi /e ...

  5. 性能测试之Jmeter学习(三)

    一.Jmeter执行顺序规则: 元件执行顺序的规则很简单,在同一作用域名范围内,测试计划中的元件按照如下顺序执行. (1)配置元件(config elements ) (2)前置处理程序(Per-pr ...

  6. jquery快速入门三

    事件 常用事件 click(function(){.......}) #触发或将函数绑定到指定元素的click事件 hover(function(){.....}) 当鼠标指针悬停在上面时触发.... ...

  7. 执行多个Sql脚本,Sqlplus

    1.先制作需要执行的Sql文件list CMD 中输入[dir E:\FolderName >E:\ExcuteSqlList.txt ] 2.根据ExcuteSqlList.txt 中的文件名 ...

  8. vuex实现购物车功能

    购物车功能描述: 1. 点击+,-按钮,“已选:xx件”随之增减 2. checkbox选中时,当前项的已选数量增加到头部“已选择xx件”中,未选中时数量不计入 代码: 服务端 node+koa+ko ...

  9. 洛谷 - P2278 - 操作系统 - 模拟

    https://www.luogu.org/problemnew/show/P2278 题目没有说同时到达的优先级最大的应该处理谁. 讲道理就是处理优先级最大的. #include<bits/s ...

  10. 51nod 1051【基础】

    思路: 找题4级做做...然后找了题最水的.. = =感动...居然是一下子[记]得了做法... dp一下,枚举列的起点和终点,然后求和这一段,然后对这一大列就是求个最大字段和: #include & ...