Spring整合WebSocket( 二 )

  • 实例化前面写的MyHandler这个类;
  • 到这里 , WebSocket的服务端的内容就写好了 , 接下来 , 我们再写个简单的页面 , 在页面中 , 使用js进行socket的调用 , 具体页面内容如下:
    • 我们先写个div , 在这个div中展示服务端返回内容;
    • 引入jquery , 主要进行div内容的操作;
    • 在第二个script中 , 我们进行websocket的连接 , 注意 , 协议名称是ws , 地址就是我们在WebSocketConfig中配置的地址;
    • 接下来就是onopen , onmessage , onclose方法 , 分别对应着socket打开 , 接收服务端消息和socket关闭的方法 。 我们在onmessage方法中 , 接收到服务端的消息 , 将其添加到div当中 。
    最后 , 我们再给这个html页面写个controller映射 , 如下:
    @Controllerpublic class MyController {@RequestMapping("index")public String index() {return "index";}}【Spring整合WebSocket】这个就不过多解释了 , 我们启动一下应用 , 在浏览器中访问一下这个html页面吧 。
    Spring整合WebSocket文章插图
    • 我们访问的连接是:http://localhost:8080/index , 这对应我们写的html页面;
    • 在这个页面中 , 我们通过js访问了服务端的websocket;
    • socket连接成功后 , 每隔2s向服务端发送一条消息;
    • 在html页面中 , 通过onmessage方法接收消息 , 并将消息添加到div当中;
    如果使用以前轮询的方法 , 我们需要在html页面中 , 定时轮询请求后台 。 而现在 , 我们通过websocket , 服务端可以向客户端发送消息 , 大大提高了效率 。
    好了 , 通过Spring整合WebSocket就先给大家介绍到这里了 。
    Spring整合WebSocket文章插图