How to carry token authentication in websocket JS connection

websocket The protocol was borrowed during the handshake phase HTTP The agreement , But in JavaScript websocketAPI There is no method to modify request header in .

var token='eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzdWFkbWluIiwiY3JlYXRlZCI6MTY1NjI5ODQxMjkwMSwiYXV0aG9yaXRpZXMiOlt7ImF1dGhvcml0eSI6ImFwcEFsYXJtIn0seyJhdXRob3JpdHkiOiJyZXNvdXJjZU1vbml0b3IifSx7ImF1dGhvcml0eSI6InJlc291cmNlIn0seyJhdXRob3JpdHkiOiJzeXM6dXNlciJ9LHsiYXV0aG9yaXR5IjoiZGV0VGFzayJ9LHsiYXV0aG9yaXR5IjoicmVvdXJjZTpjb25maWcifSx7ImF1dGhvcml0eSI6ImhvbWUifSx7ImF1dGhvcml0eSI6InJlb3VyY2U6YXVkaXQifSx7ImF1dGhvcml0eSI6InJlb3VyY2U6bW9uaXRvciJ9LHsiYXV0aG9yaXR5IjoiYXBwQW5hbHlzaXMifSx7ImF1dGhvcml0eSI6ImRpc3Bvc2FsU2NoZW1lIn0seyJhdXRob3JpdHkiOiJhcHBNYW5hZ2UifSx7ImF1dGhvcml0eSI6InJlb3VyY2U6YWxhcm0ifSx7ImF1dGhvcml0eSI6InN5czpyb2xlIn0seyJhdXRob3JpdHkiOiJyZW91cmNlOnVybENvbmZpZyJ9XSwiZXhwIjoxNjU2MzAyMDEyfQ.5Sh9wzMtsnsncbDyrzaC64e5RFN6e-_p-nbkaL0BQv2zkfmiALN84MoY0IMkvXUYnw9_HQe8KS8azyGXLNrVdg'

send send data

var  ws = new WebSocket("ws://" + url + "/webSocketServer");
ws.onopen=function(){
    ws.send(token)
}

1. The request address contains parameters

var  ws = new WebSocket("ws://" + url?token + "/webSocketServer");

2. Based on protocol header

websocket The request header can contain Sec-WebSocket-Protocol This attribute , This attribute is a custom sub protocol . It sends from the client to the server and returns from the server to the client to confirm the sub Protocol . We can use this property to add token.

var ws = new WebSocket("ws://" + url+ "/webSocketServer",[token]);

If parameters are passed based on the protocol header , When the backend responds header You also need to bring the protocol header parameter .

public static Session connection(String uri){
   Session session = null;
   try {
       WebSocketContainer container = ContainerProvider.getWebSocketContainer();
       ClientEndpointConfig cec = ClientEndpointConfig.Builder
               .create().configurator(new ClientEndpointConfig.Configurator() {
                   public void beforeRequest(Map<String, List<String>> headers) {
                        headers.put("token", token);
                   }
               }).build();
       session = container.connectToServer(ClientSocket.class, cec, URI.create(uri));
   } catch (Exception e) {
       e.printStackTrace();
   }
   return session;
}

Or write filter Filter websocket Request to add corresponding parameters