netty学习五:websocket小demo

原创 2017年08月05日 07:50:09

概述


netty支持websocket,下面的demo用一个html作为客户端,对服务端发起websocket请求。


服务端代码


package websocket.server;

import io.netty.bootstrap.ServerBootstrap;
import io.netty.channel.ChannelFuture;
import io.netty.channel.EventLoopGroup;
import io.netty.channel.nio.NioEventLoopGroup;
import io.netty.channel.socket.nio.NioServerSocketChannel;
import io.netty.handler.logging.LogLevel;
import io.netty.handler.logging.LoggingHandler;

public class WebSocketServer {

    public static void main(String[] args) throws InterruptedException {
        // 接收连接,但是不处理
        EventLoopGroup parentGroup = new NioEventLoopGroup();
        // 真正处理连接的group
        EventLoopGroup childGroup = new NioEventLoopGroup();

        try {
            //加载Initializer
            ServerBootstrap serverBootstrap = new ServerBootstrap();
            serverBootstrap.group(parentGroup, childGroup)
                           .channel(NioServerSocketChannel.class)
                           .handler(new  LoggingHandler(LogLevel.INFO))
                           .childHandler(new WebSocketServerInitializer());

            //绑定监听端口
            ChannelFuture channelFuture = serverBootstrap.bind(8899).sync();
            channelFuture.channel().closeFuture().sync();
        }
        finally {
            parentGroup.shutdownGracefully();
            childGroup.shutdownGracefully();
        }
    }
}

package websocket.server;

import io.netty.channel.ChannelInitializer;
import io.netty.channel.ChannelPipeline;
import io.netty.channel.socket.SocketChannel;
import io.netty.handler.codec.http.HttpObjectAggregator;
import io.netty.handler.codec.http.HttpServerCodec;
import io.netty.handler.codec.http.websocketx.WebSocketServerProtocolHandler;
import io.netty.handler.stream.ChunkedWriteHandler;

public class WebSocketServerInitializer extends ChannelInitializer<SocketChannel>{
    @Override
    protected void initChannel(SocketChannel ch) throws Exception {
        ChannelPipeline pipeline = ch.pipeline();
        pipeline.addLast(new HttpServerCodec());
        pipeline.addLast(new ChunkedWriteHandler());
        pipeline.addLast(new HttpObjectAggregator(8192));
        pipeline.addLast(new WebSocketServerProtocolHandler("/ws"));
        pipeline.addLast(new WebSocketServerHandler());
    }
}

package websocket.server;

import java.time.LocalDateTime;

import io.netty.channel.ChannelHandlerContext;
import io.netty.channel.SimpleChannelInboundHandler;
import io.netty.handler.codec.http.websocketx.TextWebSocketFrame;

public class WebSocketServerHandler extends SimpleChannelInboundHandler<TextWebSocketFrame>{
    @Override
    protected void channelRead0(ChannelHandlerContext ctx, TextWebSocketFrame msg) throws Exception {
        System.out.println("收到的消息:"+msg.text());
        ctx.channel().writeAndFlush(new TextWebSocketFrame("服务器时间:"+LocalDateTime.now()));
    }

    @Override
    public void handlerAdded(ChannelHandlerContext ctx) throws Exception {
        System.out.println("handlerAdded:"+ctx.channel().id().asLongText());
    }

    @Override
    public void handlerRemoved(ChannelHandlerContext ctx) throws Exception {
        System.out.println("handlerRemoved:"+ctx.channel().id().asLongText());
    }

    @Override
    public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause) throws Exception {
        System.out.println("异常发生");
        ctx.close();
    }

}

客户端代码


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>websocket 客户端</title>
</head>
<body>
    <script type="application/javascript">
    var socket;
    if (window.WebSocket) {
       socket = new WebSocket("ws://localhost:8899/ws");
       //当服务端发送消息给客户端时,该方法会被调用
       socket.onmessage = function (event) {
          var responseContent = document.getElementById("responseText");
           responseContent.value = responseContent.value + "\n" + event.data;
       };

       socket.onopen = function (event) {
           var responseContent = document.getElementById("responseText");
           responseContent.value = "连接建立了";
       };

        socket.onclose = function (event) {
            var responseContent = document.getElementById("responseText");
            responseContent.value = responseContent.value + "\n" + "连接断开了";
        }
    }
    else {
        alert('浏览器不支持websocket');
    }

    function send(message) {
        if (!window.WebSocket){
            return;
        }

        if (socket.readyState == WebSocket.OPEN) {
             socket.send(message);
        }
        else {
            alert('连接还未建立');
        }
    }
    </script>

    <form onsubmit="return false;">
        <textarea id="messageId" name="message" style="width: 400px; height: 200px"></textarea>

        <input type="button" value="发送按钮" onclick="send(document.getElementById('messageId').value)">

        <h3>服务端输出:</h3>

        <textarea id="responseText" name="message" style="width: 400px; height: 300px"></textarea>
    </form>
</body>
</html>

csdn code 路径


这个项目的源代码放置在csdn code上,欢迎访问。

netty_study

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

netty-demo-websocket.zip

  • 2017年06月14日 15:26
  • 168KB
  • 下载

Netty的websocket Demo

1.服务端 public final class WebSocketServer { static final boolean SSL = System.getProperty("ssl"...

netty_websocket__weixin_javaIM(Demo)

  • 2015年12月01日 09:51
  • 4.45MB
  • 下载

Netty权威指南 第2版学习笔记11——实现WebSocket

WebSocket 入门WebSocket是HTML5开始提供的一种浏览器与服务间进行全双工通信的网络技术,WebSocket通信协议于2011年被IETF定为标准RFC6455,WebSocket ...
  • xundh
  • xundh
  • 2017年03月12日 16:41
  • 349

关于websocket的学习两个Demo

本次学习websocket主要是用来做实时推送。暂先学习,以便后面用到,这里提供两个简单的Demo,都是建立在Maven基础上的项目,来源于网上资料,经过自己的调式后都可以正常运行的,至于websoc...

netty学习二:基于socket通讯的小demo

netty socket编程小demo

netty学习八:在window上安装thrift以及第一个小demo

下载thrift window编译器 需要先下载编译器,本文用的版本是: thrift-0.10.0.exe 对应的下载链接:thrift编译器 将下载好后的thrift-0.10...

netty学习六:第一个protobuf小demo

概述本文介绍google的protobuf框架的环境搭建以及使用它编写一个小demo。配置proto编译器如果要在window上使用proto编译器,需要下载针对window的编译器,本文使用的是: ...

Node.js学习(六)——websocket组件学习在线聊天室demo

Node.js学习(五)——websocket组件实现在线聊天室demo 要实现的功能 在线人员列表展示,上下线刷新在线人员列表 即时聊天...
  • flygoa
  • flygoa
  • 2016年11月10日 16:00
  • 396
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:netty学习五:websocket小demo
举报原因:
原因补充:

(最多只允许输入30个字)