【websocket】springboot使用websocket实现消息推送

最新推荐文章于 2025-07-03 15:10:06 发布

原创

最新推荐文章于 2025-07-03 15:10:06 发布 · 2.3k 阅读

6 ·

CC 4.0 BY-SA版权

首先我们引用Spring-boot所带的websocket依赖:

<dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

然后编写前端代码和后台处理后台触发的事件:

<script>
    var websocket = null;
    if('WebSocket' in window){
        websocket = new WebSocket('ws://localhost:80/websocket');
    }else{
        alert("该浏览器不支持WebSocket");
    }

    websocket.onopen = function (event) {
        console.log("建立连接");
    }

    websocket.onclose = function (event) {
        console.log("断开连接");
    }

    websocket.onmessage = function (event) {
        console.log("收到消息" + event.data);
        //弹框
        $('#myModal').modal('show');
        //播放音乐
        document.getElementById('notice').play();
    }

    websocket.onerror = function (event) {
        alert("websocket通信发生错误");
    }

    window.o