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

服务器 0

最近项目里需要使用到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}")@Componentpublic 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;@Configurationpublic 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请求转发到正确的路径，从而实现了连接成功。

也许您对下面的内容还感兴趣：