OvermindDL1

OvermindDL1

Elm Phoenix Socket integration (not elm-phoenix-socket)

So I’ve been looking at learning/integrating Elm into a new section on my server software as it would be especially well suited to it, however there were a lot of other Javascript modules on the page/site that already use the websocket and when I tried to use elm-phoenix-socket I found a multitude of problems, the first and largest of which was that it had no method of being able to share an Elm and Javascript websocket, as well as others like no heartbeats (at the time), no presence (I use it in a surprisingly large amount of ways now), and no longpolling support. Thus I shelved Elm for a bit and started to write it in redux/react.

Well got fed up with javascript again so tried elm again, this time ignoring elm-phoenix-socket’s existence and communicating via ports. I’m quite new to Elm so I have no clue if this is the ‘usual’ API style, but it seemed natural to me from Elixir/Erlang. I can use an existing javascript phoenix socket and all the javascript capabilities (that I have needed so far) via methods like:

init : ( Model, Cmd Msg )
init = ( Model 
  -- snip things
  , Phoenix.connect_to
    { topic="Messenger:public"
    , timeout_ms=Nothing -- Just 10000 -- Default value
    , chanCloseCB=Nothing
    , chanErrorCB=Nothing
    , joinData=null
    , joinEvent=[]
    , onPorts=
      [ {portName="onMyChannelMsg", msgID="some:msg", cb_data=null}
      -- , other message listeners
      ]
    }

And so when I receive a “some:msg” from the phoenix server via the Phoenix socket (websocket/longpolling/whatever, we have some old ‘browsers’ here that do not have websocket support) it will then call back to the port with the name of portName (“onMyChannelMsg” in this case) with a record like:

type alias ChannelGenericMsg =
    { topic : String
    , msgID : String
    , msg : Json.Decode.Value
    , cb_data : Json.Decode.Value
    }

So I can define all the ports I want of the form of:

port onMyChannelMsg : (Phoenix.ChannelGenericMsg -> msg) -> Sub msg

So I can listen to whatever messages I want, passed into whatever calls I wish and I have similar calls for sending a message, being able to (un)register channels on the fly and fixup presence data (not needed anything else yet).

So is this normal Elm design, is something going to horribly break with this design?

First Post!

marick

marick

How did your socket story go? I’m just now adding websockets to an elm app, and it appears the available Elm options don’t allow key-value pairs to be passed at connect time (when /web/channels/user_socket#connect is called). That’s awkward, because that’s where the Phoenix book suggests you do authentication via Phoenix.Token. Authentication could be done at channel-join time, I guess, but this not being allowed makes me wonder if any of the Elm options are ready for production use.

Where Next?

Popular in Questions Top

jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
New
script
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New

Other popular topics Top

Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
hariharasudhan94
lets say i have a sample like a = 20; b = 10; if (a > b) do {:ok, "a"} end if (a < b) do {:ok, b} end if (a == b) do {:ok, "equa...
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
gausby
I asked this very same question on twitter and got some interesting feedback, but I thought it would be a good question to ask here as we...
1207 39297 209
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New
marick
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I’m a nov...
New
dogweather
I wrote this comment on r/haskell, and it’s not popular there. :wink: But I think I’m on to something… Haskell reminds me of Java, and e...
New

We're in Beta

About us Mission Statement