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:

My phoenix version is 1.5.3. I have switched the library, but nothing changed.

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

kokolegorille July 15, 2020, 8:32pm 4

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