[GH-ISSUE #63] Unable to proxy websockets? #56

New issue

Open

opened 2026-03-02 23:02:03 +03:00 by kerem · 3 comments

kerem commented

2026-03-02 23:02:03 +03:00

Owner

Originally created by @teamon on GitHub (May 11, 2022).
Original GitHub issue: https://github.com/agrinman/tunnelto/issues/63

I'm trying to use Phoenix LiveView over tunnelto. Everything works just fine without proxy or when using ngrok.
With tunnelto I get:

[info] Sent 200 in 2ms
[info] CONNECTED TO Phoenix.LiveView.Socket in 25µs
  Transport: :websocket
  Serializer: Phoenix.Socket.V2.JSONSerializer
  Parameters: %{...}
[debug] LiveView session was misconfigured or the user token is outdated.

1) Ensure your session configuration in your endpoint is in a module attribute:

    @session_options [
      ...
    ]

2) Change the `plug Plug.Session` to use said attribute:

    plug Plug.Session, @session_options

3) Also pass the `@session_options` to your LiveView socket:

    socket "/live", Phoenix.LiveView.Socket,
      websocket: [connect_info: [session: @session_options]]

4) Ensure the `protect_from_forgery` plug is in your router pipeline:

    plug :protect_from_forgery

5) Define the CSRF meta tag inside the `<head>` tag in your layout: 

    <%= csrf_meta_tag() %>

6) Pass it forward in your app.js:

    let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content");
    let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}});

This happens in all browsers.
Standard HTTP requests are proxies just fine.
tunnelto version is 0.1.18.

Originally created by @teamon on GitHub (May 11, 2022). Original GitHub issue: https://github.com/agrinman/tunnelto/issues/63 I'm trying to use Phoenix LiveView over tunnelto. Everything works just fine without proxy or when using ngrok. With tunnelto I get: ``` [info] Sent 200 in 2ms [info] CONNECTED TO Phoenix.LiveView.Socket in 25µs Transport: :websocket Serializer: Phoenix.Socket.V2.JSONSerializer Parameters: %{...} [debug] LiveView session was misconfigured or the user token is outdated. 1) Ensure your session configuration in your endpoint is in a module attribute: @session_options [ ... ] 2) Change the `plug Plug.Session` to use said attribute: plug Plug.Session, @session_options 3) Also pass the `@session_options` to your LiveView socket: socket "/live", Phoenix.LiveView.Socket, websocket: [connect_info: [session: @session_options]] 4) Ensure the `protect_from_forgery` plug is in your router pipeline: plug :protect_from_forgery 5) Define the CSRF meta tag inside the `<head>` tag in your layout: <%= csrf_meta_tag() %> 6) Pass it forward in your app.js: let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content"); let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}}); ``` This happens in all browsers. Standard HTTP requests are proxies just fine. tunnelto version is 0.1.18.

kerem commented

2026-03-02 23:02:04 +03:00

Author

Owner

@renataogarcia commented on GitHub (May 13, 2022):

I'm trying to use websocksets with Vite and the problem I have is that when running:

tunnelto -p 3000 -s mydomain

It binds https://mydomain.tunnelto.dev to http://localhost:3000 as expected but the wss://mydomain.tunnelto.dev doesn't work and the browser fails with:
WebSocket connection to 'wss://mydomain.tunnelto.dev/' failed

No errors on tunnelto output.

I've also tried 1.19 version mentioned here without success.

It works with ngrok and localtunnel.

@renataogarcia commented on GitHub (May 13, 2022): I'm trying to use websocksets with Vite and the problem I have is that when running: ``` tunnelto -p 3000 -s mydomain ``` It binds `https://mydomain.tunnelto.dev` to `http://localhost:3000` as expected but the `wss://mydomain.tunnelto.dev` doesn't work and the browser fails with: `WebSocket connection to 'wss://mydomain.tunnelto.dev/' failed` No errors on tunnelto output. I've also tried 1.19 version mentioned [here](https://github.com/agrinman/tunnelto/issues/51#issuecomment-882199533) without success. It works with ngrok and localtunnel.

kerem commented

2026-03-02 23:02:04 +03:00

Author

Owner

@mitkodkn commented on GitHub (May 12, 2023):

Any updates on this?

@mitkodkn commented on GitHub (May 12, 2023): Any updates on this?

kerem commented

2026-03-02 23:02:04 +03:00

Author

Owner

@Kynth commented on GitHub (Feb 5, 2025):