WebSocket 结合 Nginx 实现域名及 WSS 协议访问 区分每个客户端

VM512:35 WebSocket connection to 'wss://IP地址:端口号/websocket' failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR

IP地址
+ 端口号

IP地址
+ 端口号

Nginx 配置域名支持 WSS

location /websocket {
proxy_pass http://backend; proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}

Connection:
Upgrade

Upgrade

Connection

Upgrade

@Configuration
public class WebSocketConfig {
@Bean
public ServerEndpointExporter serverEndpointExporter() {
return new ServerEndpointExporter();
}
}

<bean>

<beans>

package com.zity.xx.xx.controller.websocket;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Component;
import org.springframework.util.StringUtils;

import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;

/**
* Copyright (C) 2012-2018 天津紫藤科技有限公司. Co. Ltd. All Rights Reserved.
*
* @author sun
* @version v1
* @description 请在此处填写该类的描述
* @module
* @date 17/8/15
*/
@ServerEndpoint(value = "/websocket/{telephone}")
@Component
public class WebSocketServer {

public static final Logger log = LoggerFactory.getLogger(WebSocketServer.class);

//静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。
private static int onlineCount = 0;

//concurrent包的线程安全ConcurrentHashMap，手机号为key用来存放每个客户端对应的WebSocketServer对象。
private static Map<String,WebSocketServer> webSocketSet = new ConcurrentHashMap<String, WebSocketServer>();

//与某个客户端的连接会话，需要通过它来给客户端发送数据
private Session session;

/**
* 连接建立成功调用的方法
*/
@OnOpen
public void onOpen(@PathParam("telephone")String telephone, Session session) {
log.info("telephone:{},session:{}",telephone,session.getId());
if(!webSocketSet.containsKey(telephone)){
addOnlineCount();           //在线数加1
log.info("有新连接加入！当前在线人数为" + getOnlineCount());
}
this.session = session;
webSocketSet.put(telephone,this);
sendMessage(telephone + "创建链接");
}

/**
* 连接关闭调用的方法
*/
@OnClose
public void onClose() {
String key = getKey(webSocketSet,this);
if(!StringUtils.isEmpty(key)){
log.info("key:{}", key);
webSocketSet.remove(key);
subOnlineCount();           //在线数减1
log.info("有一连接关闭！当前在线人数为" + getOnlineCount());
}
}

/**
* 收到客户端消息后调用的方法
*
* @param message 客户端发送过来的消息
*/
@OnMessage
public void onMessage(String message, Session session) {
log.info("来自客户端的消息:" + message);
}

@OnError
public void onError(Session session, Throwable error) {
log.info("非正常关闭,发生错误!====>" + error.toString() + "当前在线人数为" + getOnlineCount());
}

/**
* 发送消息
*
* @param message 消息
*/
public void sendMessage(String message){
try {
//判断session链接是否存在
if(this.session.isOpen() == true){
this.session.getBasicRemote().sendText(message);
}else {
log.info("该连接已经断开！");
}
} catch (IOException e) {
e.printStackTrace();
}
}

public void onFailure(Throwable t){
log.info(t.toString());
}
/**
* 自定义消息
*/
public static void sendOneInfo(String id,String message){
WebSocketServer socketServer = webSocketSet.get(id);
//判当前webSocket是否存在
if(socketServer != null){
socketServer.sendMessage(message);
}else {
log.info("该--" + id + "--WebSocket已经断开连接！");
}
}

public static synchronized int getOnlineCount() {
return onlineCount;
}

public static synchronized void addOnlineCount() {
WebSocketServer.onlineCount++;
}

public static synchronized void subOnlineCount() {
WebSocketServer.onlineCount--;
}

private static String getKey(Map<String,WebSocketServer> map,WebSocketServer value){
String key="";
for (Map.Entry<String, WebSocketServer> entry : map.entrySet()) {
if(value.equals(entry.getValue())){
key=entry.getKey();
}
}
return key;
}
}

js代码块

$(function () {

var websocket = null;

//判断当前浏览器是否支持WebSocket
if ('WebSocket' in window) {
websocket = new WebSocket("服务器地址/websocket/手机号");
}
else {
alert('Not support websocket')
}

//连接发生错误的回调方法
websocket.onerror = function () {
};

//连接成功建立的回调方法
websocket.onopen = function (event) {
}

//接收到消息的回调方法
websocket.onmessage = function (e) {
//需要实时显示的内容，在此操作
}
//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
window.onbeforeunload = function () {
websocket.close();
}

//关闭连接
function closeWebSocket() {
websocket.close();
}
})

希望能给大家提供帮助，转载部分WebSocket 结合 Nginx 实现域名及 WSS 协议访问