SpringCloud集成websocket出现Error: Unexpected server response: 200，服务器将WebSocket连接错误地识别为HTTP请求的问题

最近项目里需要使用到websocket，主要用于前后端实时通信，项目中用到的场景是用户扫码乘车之后司机的设备需要语音提醒，思路是司机在打开乘车二维码时前端根据司机的用户ID发送websocket请求，后端在扫码乘车成功后发送消息，在本地测试一切正常，因为在本地与前端联调时没走网关，直接通过websocket所在服务端口来连接，但是上服务器由于服务端口不能对外暴漏，只能走网关或者通过nginx转发来实现，所以就出现了nginx转发成http请求这种问题。

这是websocket实现类代码：

WebSocketServerConvenientlife

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Component;
 
import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.concurrent.CopyOnWriteArraySet;
 
//乘客扫码后司机角色登录的设备语音提示
@ServerEndpoint (value = "/convenientlife/websocket/{sessionId}")
@Component
public class WebSocketServerConvenientlife
{
 
    private static Logger LOGGER = LoggerFactory.getLogger(WebSocketServerConvenientlife.class);
 
    //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。
    private static int onlineCount = 0;
 
    //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。
    private static CopyOnWriteArraySet<WebSocketServerConvenientlife> webSocketSet = new CopyOnWriteArraySet<>();
 
    //与某个客户端的连接会话，需要通过它来给客户端发送数据
    private Session session;
 
    //接收sessionId(默认就是司机账户ID)
    private String sessionId;
 
    //接收message
    private JSONObject message;
 
    /**
     * 连接建立成功调用的方法
     */
    @OnOpen
    public void onOpen(Session session, @PathParam ("sessionId") String sessionId)
    {
        LOGGER.info("---+++++ convenientlife模块成功连接,sessionId :{}", sessionId);
        this.session = session;
        this.sessionId = sessionId;
        webSocketSet.add(this);
        addOnlineCount();
        LOGGER.info("当前在线连接数为:"+getOnlineCount());
        try
        {
            sendMessage("{}");
        }
        catch (IOException e)
        {
            LOGGER.error("websocket IO异常");
        }
    }
 
    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose()
    {
        webSocketSet.remove(this);
        subOnlineCount();
        LOGGER.info("convenientlife模块有一连接关闭！当前在线连接数为:"+getOnlineCount());
    }
 
    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息*/
    @OnMessage
    public void onMessage(String message, Session session)
    {
        JSONObject jsonObject = JSON.parseObject(message);
        if(jsonObject != null && StringUtils.isNotBlank(jsonObject.getString("sid")))
        {
            String sid = jsonObject.getString("sid");
            for(WebSocketServerConvenientlife item : webSocketSet)
            {
                if(sid.equals(item.sessionId))
                {
                    item.message = jsonObject;
                }
            }
        }
    }
 
    /**
     *
     * @param session 参数
     * @param error 参数
     */
    @OnError
    public void onError(Session session, Throwable error)
    {
        LOGGER.error("convenientlife模块websocke 发生错误："+error.getMessage());
    }
 
    /**
     * 实现服务器主动推送
     */
    public void sendMessage(String message) throws IOException
    {
        this.session.getBasicRemote().sendText(message);
    }
 
    /**
     * 群发自定义消息
     * */
    public static synchronized void sendInfo(String message, @PathParam ("sessionId") String sessionId)
    {
        for(WebSocketServerConvenientlife item : webSocketSet)
        {
            try
            {
                //只推送给指定的这个sessionId
                if(sessionId != null && item.sessionId.equals(sessionId))
                {
                    LOGGER.info("推送sessionId: "+sessionId+";推送内容："+message);
                    item.sendMessage(message);
                }
            }
            catch (IOException e)
            {
                LOGGER.error("sendInfo error: ", e);
            }
        }
    }
 
    /**
     * session是否存在
     * @param sessionId 参数
     * @return boolean
     */
    public static synchronized boolean existsSesson(@PathParam ("sessionId") String sessionId)
    {
        if(StringUtils.isBlank(sessionId))
        {
            return false;
        }
        for(WebSocketServerConvenientlife item : webSocketSet)
        {
            if(item.sessionId.equals(sessionId))
            {
                return true;
            }
        }
        return false;
    }
 
    public static synchronized JSONObject getMessage(@PathParam ("sessionId") String sessionId)
    {
        if(StringUtils.isBlank(sessionId))
        {
            return null;
        }
        for(WebSocketServerConvenientlife item : webSocketSet)
        {
            if(item.sessionId.equals(sessionId))
            {
                return item.message;
            }
        }
        return null;
    }
 
    public static synchronized int getOnlineCount()
    {
        return onlineCount;
    }
 
    public static synchronized void addOnlineCount()
    {
        WebSocketServerConvenientlife.onlineCount++;
    }
 
    public static synchronized void subOnlineCount()
    {
        WebSocketServerConvenientlife.onlineCount--;
    }
 
}

 使用 @ServerEndpoint 注解定义 WebSocket 服务器端的终端点，WebSocket 终端点可以处理来自客户端的连接和消息，并可以向客户端发送消息。

WebSocketConfig类：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;
 
@Configuration
public class WebSocketConfig {
    
    /** 部署时注释   start**/
    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        
        return new ServerEndpointExporter();
    }
    /** 部署时注释  end**/
    
}

这个类是必须要的，配置和初始化 WebSocket 相关的设置和组件，以便在应用程序中启用 WebSocket 功能。

服务器nginx配置如下：

    location /ws {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_pass http://ip:6100;
    }

前缀为/ws开头的请求转发到6100端口去，6100是WebSocket所在服务的端口，于是我用postman测试了一下

就出现了WebSocket连接识别成http请求的错误了，看了一下nginx日志，也没发现报错信息，但确实将WebSocket连接识别成http请求转发到服务中去了                                                               

那这就很奇怪了，我明明nginx配置了WebSocket连接转发请求，然后框框一顿查，以为是服务不支持接收WebSocket请求，检查pom文件、配置文件，最后发现需要在nginx配置端口后面加一个接口前缀，改成这样

    location /ws {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_pass http://ip:6100/convenientlife;
    }

然后再用postman请求：

连接成功！！！查了一下大概原因：

服务器端应用程序的路径：在更改Nginx配置后，将WebSocket连接的请求代理到http://ip:6100/convenientlife这个路径上。如果你的服务器端应用程序正好在/convenientlife路径下，那么添加了接口前缀后，Nginx将正确地将WebSocket请求转发到正确的路径，从而实现了连接成功。