Netty构建WebSocket服务器（客户端） 

<!DOCTYPE html>
<html>
      <head>
            <meta charset="utf-8" />
            <title></title>
      </head>
      <body>
            
            <div>发送消息：</div>
            <input type="text" id="msgContent"/>
            <input type="button" value="点我发送" onclick="CHAT.chat()" />
            <div>接受消息：</div>
            <div id="receiveMsg" style="background-color: gainsboro;"></div>
            
            <script type="text/javascript">
                  
                  window.CHAT = {
                        socket: null,
                        init: function(){
                              if(window.WebSocket){
                                    CHAT.socket = new WebSocket("ws://127.0.0.1:8088/ws");
                                    CHAT.socket.onopen = function(){
                                          console.log("连接建立成功");
                                    },
                                    CHAT.socket.onclose = function(){
                                          console.log("连接关闭");
                                    },
                                    CHAT.socket.onerror = function(){
                                          console.log("发生错误");
                                    },
                                    CHAT.socket.onmessage = function(e){
                                          console.log("接受到消息:" + e.data);
                                          var receiveMsg = document.getElementById("receiveMsg");
                                          var html = receiveMsg.innerHTML;
                                          receiveMsg.innerHTML = html + "<br/>" + e.data;
                                    }
                              }else{
                                    alert("浏览器不支持websocket协议");
                              }
                        },
                        chat: function(){
                              var msg = document.getElementById("msgContent");
                              CHAT.socket.send(msg.value);
                        }
                  }
                  CHAT.init();
                  
            </script>
      </body>

</html>

 

posted @ 2020-09-22 18:14  Edward_han  阅读(301)  评论(0)    收藏  举报