基于JavaServer为后端的WebSocket双向通信工程(简单易懂)

本文通过一个简单的示例,介绍了如何使用JavaServer搭建WebSocket实现前端与后端的双向通信。文中详细解释了前端创建WebSocket对象并发送请求,后端接收请求并建立连接的过程,以及消息的发送和接收机制。通过onOpen、onMessage等注解方法,阐述了WebSocket的连接建立、消息传递和关闭流程。
摘要由CSDN通过智能技术生成

本文的提出是自己学习上领会的东西,不代表全部(日后改善)。会展示一个,个人理解的WebSocket最简单的用法。

重点
1、JAVA内的WebSocket是在Java jar7.0之后才能使用的。
2、需要在JavaServer项目lib目录下引入 javaee-api-7.0

|前端代码

 <script>
        function creatRoom() {
   

            var webSocket; //声明一个变量等下来用来 之后放WebSocket实例化对象房间
            var roomName = "MainBlock" /* 为例比较简单的 说明 这里写死一个房间号,根据自己项目需要进行动态更改 */
            if ("WebSocket" in window) {
    //查看window对象是否有websocket
                if (webSocket == null) {
   
                    console.log("房间号:" + roomName)
                    var url = "ws://172.16.245.232:8080/WebsocketPro/webSocket/mainBlock/" + roomName; //向后台请求的连接 创建该房间
                    console.log("房间地址:" + url)
                    // 打开一个 web socket 
                    webSocket = new WebSocket(url); //放WebSocket实例化对象房间
                    console.log("成功创建WebSocket对象:")
                } else {
   
                    console.log("已经创建了WebSocket的实例化对象...")
                }

                webSocket.onopen = function () {
   
                    console.log("和服务器的握手连接建立...(握手)")
                };
                
                webSocket.send(msg); //这个msg是自己定义的形参 向后台发送消息

                webSocket.onmessage = function (evt) {
   
                    var Data = JSON.parse(evt.data)

                };

                webSocket.onclose = function () {
   
                    console.log("和服务器的握手连接已关闭...(分手)")
                    webSocket = null;
                };
            } else {
   
                // 浏览器不支持 WebSocket
                console.log
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值