Netty整合WebSocket实现服务器和浏览器通信

最新推荐文章于 2024-04-15 11:31:22 发布

一岛锁一人

最新推荐文章于 2024-04-15 11:31:22 发布

阅读量540

点赞数 1

CC 4.0 BY-SA版权

文章标签： netty netty整合webscoket 服务器和浏览器通信 webscoket http协议

本文链接：https://blog.youkuaiyun.com/weixin_43961894/article/details/103473090

对于netty也学了一会，本章内容，是根据视频所学，写的，大家可参考
可直接copy运行，进行参考

1.前端部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var socket;
    //判断当前浏览器是否支持websocket
    if(window.WebSocket) {
   
   
        //go on
        socket = new WebSocket("ws://localhost:7000/hello2");
        //相当于channelReado, ev 收到服务器端回送的消息
        socket.onmessage = function (ev) {
   
   
            var rt = document.getElementById("responseText");
            rt.value = rt.value + "\n" + ev.data;
        }

        //相当于连接开启(感知到连接开启)
        socket.onopen = function (ev) {
   
   
            var rt = document.getElementById("responseText");
            rt.value = "连接开启了.."
        }

        //相当于连接关闭(感知到连接关闭)
        socket.onclose = function (ev) {
   
   

            var rt = document.getElementById("responseText");
            rt.value = rt.value + "\n" + "连接关闭了.."
        }
    } else {
   
   
        alert("当前浏览器不支持websocket")
    }

    //发送消息到服务器
    function send(message) {
   
   
        if(!window.socket) {
   
    //先判断socket是否创建好
            return;
        }
        if(socket.readyState == WebSocket.OPEN) {
   
   
            /