如何在服务器与web端传递消息?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

如何在服务器与web端传递消息?

2016-06-08 15:56:42 2471 2

我用java socket写了一个监听端口,接收到数据就会返回一个字符串。我现在想在web网页端做一个按钮,一按就向服务端请求并将返回字符串打印在屏幕上,这个应该如何实现?我试过用javascript的websocket,可是行不通。请问大家该怎么办?
请问有没有web端可以直接接收到字符串打印在网页的某个文本框里?
用现有的程序可以吗?我也可提供我的后端源码。
这是服务器端接收来自web端并返回web端的方法:

static void Monitoring()
{
try (ServerSocket server = new ServerSocket(PORT)){
while(true)
{
            System.out.println("监听本机" + PORT + "号端口,已做好响应准备。");
            try (Socket connection = server.accept()){
                System.out.println("连接客户端成功!");
                InputStream in = connection.getInputStream();
                int infomationIntoServer;
                InputStreamReader reader = new InputStreamReader(in);
                infomationIntoServer = reader.read();
                System.out.println(infomationIntoServer);
                Writer out = new OutputStreamWriter(connection.getOutputStream());
                out.write(ServersForTest.testJson() + "\r\n");
                out.flush();
                connection.close();
            } catch (IOException e)
            {
                e.printStackTrace();
            }   
        }

    } catch (IOException e1)
    {
        System.out.println("该端口被占用:");
    } finally{
        System.out.println("已停止监听。");
    }
}

如何让web端可以配套这个后端。

取消 提交回答
全部回答(2)
  • mircode
    2019-07-17 19:32:09
    1、前端通过ajax不断的轮训pull; 2、通过websocket接口实现双向通讯; 3、使用一些前端即使通讯框架。
    0 0
  • 蛮大人123
    2019-07-17 19:32:09

    服务端:

    import io.netty.channel.group.ChannelGroup;
    import io.netty.channel.group.DefaultChannelGroup;
    import io.netty.util.concurrent.GlobalEventExecutor;
    public class Global {
        public static ChannelGroup group = new DefaultChannelGroup(GlobalEventExecutor.INSTANCE);
    } 
        @Override
        protected void initChannel(SocketChannel e) throws Exception {
            
            e.pipeline().addLast("http-codec",new HttpServerCodec());
            e.pipeline().addLast("aggregator",new HttpObjectAggregator(65536));
            e.pipeline().addLast("http-chunked",new ChunkedWriteHandler());
            e.pipeline().addLast("handler",new MyWebSocketServerHandler());
        }
    } 
    public class MyWebSocketServerHandler extends
            SimpleChannelInboundHandler<Object> {
        private static final Logger logger = Logger
                .getLogger(WebSocketServerHandshaker.class.getName());
        private WebSocketServerHandshaker handshaker;
        @Override
        public void channelActive(ChannelHandlerContext ctx) throws Exception {
            // 添加
            Global.group.add(ctx.channel());
            System.out.println("客户端与服务端连接开启");
        }
        @Override
        public void channelInactive(ChannelHandlerContext ctx) throws Exception {
            // 移除
            Global.group.remove(ctx.channel());
            System.out.println("客户端与服务端连接关闭");
        }
        @Override
        protected void messageReceived(ChannelHandlerContext ctx, Object msg)
                throws Exception {
            if (msg instanceof FullHttpRequest) {
                handleHttpRequest(ctx, ((FullHttpRequest) msg));
            } else if (msg instanceof WebSocketFrame) {
                handlerWebSocketFrame(ctx, (WebSocketFrame) msg);
            }
        }
        @Override
        public void channelReadComplete(ChannelHandlerContext ctx) throws Exception {
            ctx.flush();
        }
        private void handlerWebSocketFrame(ChannelHandlerContext ctx,
                WebSocketFrame frame) {
            // 判断是否关闭链路的指令
            if (frame instanceof CloseWebSocketFrame) {
                handshaker.close(ctx.channel(), (CloseWebSocketFrame) frame
                        .retain());
            }
            // 判断是否ping消息
            if (frame instanceof PingWebSocketFrame) {
                ctx.channel().write(
                        new PongWebSocketFrame(frame.content().retain()));
                return;
            }
            // 本例程仅支持文本消息,不支持二进制消息
            if (!(frame instanceof TextWebSocketFrame)) {
                System.out.println("本例程仅支持文本消息,不支持二进制消息");
                throw new UnsupportedOperationException(String.format(
                        "%s frame types not supported", frame.getClass().getName()));
            }
            // 返回应答消息
            String request = ((TextWebSocketFrame) frame).text();
            System.out.println("服务端收到:" + request);
            if (logger.isLoggable(Level.FINE)) {
                logger
                        .fine(String.format("%s received %s", ctx.channel(),
                                request));
            }
            TextWebSocketFrame tws = new TextWebSocketFrame(new Date().toString()
                    + ctx.channel().id() + ":" + request);
            // 群发
            Global.group.writeAndFlush(tws);
            // 返回【谁发的发给谁】
            // ctx.channel().writeAndFlush(tws);
        }
        private void handleHttpRequest(ChannelHandlerContext ctx,
                FullHttpRequest req) {
            if (!req.getDecoderResult().isSuccess()
                    || (!"websocket".equals(req.headers().get("Upgrade")))) {
                sendHttpResponse(ctx, req, new DefaultFullHttpResponse(
                        HttpVersion.HTTP_1_1, HttpResponseStatus.BAD_REQUEST));
                return;
            }
            WebSocketServerHandshakerFactory wsFactory = new WebSocketServerHandshakerFactory(
                    "ws://localhost:7397/websocket", null, false);
            handshaker = wsFactory.newHandshaker(req);
            if (handshaker == null) {
                WebSocketServerHandshakerFactory
                        .sendUnsupportedWebSocketVersionResponse(ctx.channel());
            } else {
                handshaker.handshake(ctx.channel(), req);
            }
        }
        private static void sendHttpResponse(ChannelHandlerContext ctx,
                FullHttpRequest req, DefaultFullHttpResponse res) {
            // 返回应答给客户端
            if (res.getStatus().code() != 200) {
                ByteBuf buf = Unpooled.copiedBuffer(res.getStatus().toString(),
                        CharsetUtil.UTF_8);
                res.content().writeBytes(buf);
                buf.release();
            }
            // 如果是非Keep-Alive,关闭连接
            ChannelFuture f = ctx.channel().writeAndFlush(res);
            if (!isKeepAlive(req) || res.getStatus().code() != 200) {
                f.addListener(ChannelFutureListener.CLOSE);
            }
        }
        private static boolean isKeepAlive(FullHttpRequest req) {
            return false;
        }
        @Override
        public void exceptionCaught(ChannelHandlerContext ctx, Throwable cause)
                throws Exception {
            cause.printStackTrace();
            ctx.close();
        }
    } 
    public class NettyServer {
        public static void main(String[] args) {
            
            new NettyServer().run();
        }
        
        public void run(){
            
            EventLoopGroup bossGroup = new NioEventLoopGroup();
            EventLoopGroup workGroup = new NioEventLoopGroup();
            
            try {
                
                ServerBootstrap b = new ServerBootstrap();
                b.group(bossGroup, workGroup);
                b.channel(NioServerSocketChannel.class);
                b.childHandler(new ChildChannelHandler());
                
                System.out.println("服务端开启等待客户端连接 ... ...");
                
                Channel ch = b.bind(7397).sync().channel();
                
                ch.closeFuture().sync();
                
            } catch (Exception e) {
                e.printStackTrace();
            }finally{
                bossGroup.shutdownGracefully();
                workGroup.shutdownGracefully();
            }
            
        }
        
    } 

    客户端:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
      </head>
      <script type="text/javascript">
      var socket;
      
      
      if(!window.WebSocket){
     
          window.WebSocket = window.MozWebSocket;
      }
     
      if(window.WebSocket){
          socket = new WebSocket("ws://localhost:7397/websocket");
          
          socket.onmessage = function(event){
     
                var ta = document.getElementById('responseText');
                ta.value += event.data+"\r\n";
          };
     
          socket.onopen = function(event){
     
                var ta = document.getElementById('responseText');
                ta.value = "打开WebSoket 服务正常,浏览器支持WebSoket!"+"\r\n";
                
          };
     
          socket.onclose = function(event){
     
                var ta = document.getElementById('responseText');
                ta.value = "";
                ta.value = "WebSocket 关闭"+"\r\n";
          };
      }else{
            alert("您的浏览器不支持WebSocket协议!");
      }
     
      function send(message){
        if(!window.WebSocket){return;}
        if(socket.readyState == WebSocket.OPEN){
            socket.send(message);
        }else{
            alert("WebSocket 连接没有建立成功!");
        }
        
      }
          
      </script>
      <body>
        <form onSubmit="return false;">
            <input type = "text" name="message" value="Netty The Sinper"/>
            <br/><br/>
            <input type="button" value="发送 WebSocket 请求消息" onClick="send(this.form.message.value)"/>
            <hr color="blue"/>
            <h3>服务端返回的应答消息</h3>
            <textarea id="responseText" style="width: 1024px;height: 300px;"></textarea>
        </form>
      </body>
    </html>
    0 0
添加回答
相关问答

40

回答

[@徐雷frank][¥20]什么是JAVA的平台无关性

大河人家 2018-10-29 23:55:20 144735浏览量 回答数 40

162

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 226174浏览量 回答数 162

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157706浏览量 回答数 145

8

回答

OceanBase 使用动画(持续更新)

mq4096 2019-02-20 17:16:36 337024浏览量 回答数 8

13

回答

[@饭娱咖啡][¥20]我想知道 Java 关于引用那一块的知识

心意乱 2018-10-31 18:44:12 142462浏览量 回答数 13

110

回答

OSS存储服务-客户端工具

newegg11 2012-05-17 15:37:18 295574浏览量 回答数 110

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147249浏览量 回答数 22

18

回答

阿里云开放端口权限

xcxx 2016-07-20 15:03:33 646815浏览量 回答数 18

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146048浏览量 回答数 31

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305645浏览量 回答数 249
+关注
蛮大人123
我说我不帅他们就打我,还说我虚伪
0
文章
7733
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载