再战websocket（上）微信小程序+Java后台

最新推荐文章于 2025-06-23 09:56:42 发布

BUG之家

最新推荐文章于 2025-06-23 09:56:42 发布

阅读量928

点赞数

CC 4.0 BY-SA版权

分类专栏： websocket 文章标签： websocket

本文链接：https://blog.youkuaiyun.com/qq_33161155/article/details/87861710

前往YXZ的博客了解更多

与websocket比较有缘，经历过小程序+java和Angular+java之后整理出次最终教程

微信小程序

使用wx自带的websocket即可，
在你需要连接websocket的js里面加入下面代码

    // 建立连接
    wx.connectSocket({
   
   
      url: "ws://127.0.0.1:8080/ws/test" //连接服务器地址
    })
    //连接成功
    wx.onSocketOpen(function () {
   
   
      console.log('websocket连接成功！');
      // 发送消息给服务器
        wx.sendSocketMessage({
   
   
          data: JSON.stringify({
   
   
            id："id"
          }),
        });
    })
     //接收数据
    wx.onSocketMessage(function (data) {
   
   
      console.log(data)；
    })
    //连接失败
    wx.onSocketError(function () {
   
   
      console.log('websocket连接失败！');
    })

Java后台

WebSocketInterceptor.java

package iguard.websocket.config;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.http.server.ServerHttpRequest;
import org.springframework.http.server.ServerHttpResponse;
import org.springframework.http.server.ServletServerHttpRequest;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.server.HandshakeInterceptor;
import javax.servlet.http.HttpServletRequest;
import java.util.Map;
public class WebSocketInterceptor implements HandshakeInterceptor {
   
   
    private static final Logger LOGGER = LoggerFactory.getLogger(WebSocketInterceptor.class);
    @Override
    public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Map<String, Object> attributes) throws Exception {
   
   
        LOGGER