Phoenix socket javascript has been extracted from Phoenix here and thus can be used outside of framework… in an Electron application for example, or Swift, or React Native.

If you want to go the API way, axios will allow You to query your API phoenix backend.

I have been using Electron apps w/ Phoenix without problem, connecting Electron apps to a Phoenix auth API to get a token first, and then using secured socket to transmit data.

Thanks a lot for the npm package. I think that I got everything setup but every time that my electron app tries to connect to my phx channel I get this error.

[error] Ranch protocol #PID<0.304.0> (:cowboy_protocol) of listener PhxPlotEx.Web.Endpoint.HTTP terminated
** (exit) exited in: Phoenix.Endpoint.CowboyWebSocket.resume()
    ** (EXIT) an exception was raised:
        ** (UndefinedFunctionError) function PhxPlotEx.PlotlyChannel.__socket__/1 is undefined (module PhxPlotEx.PlotlyChannel is not available)
            PhxPlotEx.PlotlyChannel.__socket__(:private)
            (phoenix) lib/phoenix/socket/transport.ex:237: Phoenix.Socket.Transport.build_channel_socket/4
            (phoenix) lib/phoenix/socket/transport.ex:242: Phoenix.Socket.Transport.do_dispatch/3
            (phoenix) lib/phoenix/transports/websocket.ex:123: Phoenix.Transports.WebSocket.ws_handle/3
            (phoenix) lib/phoenix/endpoint/cowboy_websocket.ex:77: Phoenix.Endpoint.CowboyWebSocket.websocket_handle/3
            (cowboy) /home/woodson/Dev/Elixir/phx_plot_ex/deps/cowboy/src/cowboy_websocket.erl:588: :cowboy_websocket.handler_call/7
            (phoenix) lib/phoenix/endpoint/cowboy_websocket.ex:49: Phoenix.Endpoint.CowboyWebSocket.resume/3
            (cowboy) /home/woodson/Dev/Elixir/phx_plot_ex/deps/cowboy/src/cowboy_protocol.erl:442: :cowboy_protocol.execute/4

This what my setup looks like

const Socket = require('phoenix-socket').Socket

let socket = new Socket("ws://localhost:4000/socket")
socket.connect()

let channel = socket.channel("plotly:lobby", {})
channel.join()
  .receive("ok", resp => { console.log("Joined successfully", resp) })
  .receive("error", resp => { console.log("Unable to join", resp) })

Got any idea on how I can solve this? I really don’t understand how the sockets work in the background so I do not know where or why it’s looking for function PhxPlotEx.PlotlyChannel.__socket__.

Edit: Dammit I figured it out. I forgot that I was using phx 1.3 so I was defining the channel as channel "plotly:*", PhxPlotEx.PlotlyChannel instead of channel "plotly:*", PhxPlotEx.Web.PlotlyChannel

Thanks again for the tip!!