I have a problem with authenticating WebSocket connection. I use Phoenix and Vue + phoenix-socket as my front-end, and everything was fine before adding authentication. The connection can be established and data is transferred properly but after that, it starts sending errors and I don’t understan…

What does the web request that the JavaScript makes to initiate the WebSocket look like? It will include token as a GET parameter. Your initial request makes it look like token is being passed up, but then a second request is made that fails. Do you have 2 Socket connections by chance? [image] …

[image] km751: import { Socket } from 'phoenix-socket' Hello and welcome… It seems You are using an outdated library. This one should be better https://www.npmjs.com/package/phoenix BTW You did not mention your phoenix version :slight_smile:

I am not using vue, but I always pass the token…

So what should the code look like? Isn’t this part of code supposed to take care of passing the token with the WebSocket? const socket = new Socket(`${WEBSOCKET_URL}/socket`, { params: { token: this.token }, logger: (kind, msg, data) => { …

[image] km751: Parameters: %{"vsn" => "1.0.0"} Can you see vsn as 2.0 now ?

Yes but the rest stayed the same.

My code is very similar… const socketOptions = { params: { token }, logger: (kind, msg, data) => ( // eslint-disable-next-line no-console console.log(`${kind}: ${msg}`, data) ), }; But your log shows no token in params for the second call.

I had a second socket connection in my vuex module used in one of the child components. Thank you for your help!

Elixir Programming Language Forum

Problem with authenticating WebSockets

Questions & Help Questions

km751 July 15, 2020, 8:24pm 3

My phoenix version is 1.5.3.

I have switched the library, but nothing changed.