Actioncable

Installation

- 1) Add the :actioncable dependency to your mix.exs file

defp deps() do
  [
    {:actioncable, "~> 0.2.0"}
  ]

Then, run mix deps.get in your shell to fetch the new dependencies.

- 2) Add this configuration in config/config.ex,

config :application, ApplicationWeb.Endpoint,
  check_origin: false,
    http: [
      dispatch: [
        {:_, [
          {"/cable", SocketHandler, []},
          {:_, Phoenix.Endpoint.Cowboy2Handler, {ApplicationWeb.Endpoint, []}}
        ]}
      ]
    ],
    subprotocols: ["actioncable-v1-json"]

It will redirect every url ending by "/cable" to Cowboy Websocket Handler. Other url will be redirect in your Endpoint as usual.

- 3) Create module : SocketHandler

defmodule SocketHandler do
  use Actioncable.SocketHandler

  def handle_client_message(message) do
    #Handle message from JS client the way you want it ;)
    IO.inspect message
  end

end

This module has to use Actioncable.SocketHandlerand implement handle_client_messagefunction.

Usage

• Receive message : As seen above, every message will be transfered in this function : handle_client_message(message) (In SocketHandler module)

• Send message:

If the JS client subscribe with {channel: "XXX", id: "XXX"} :

use Actioncable.Channel.broadcast(channel, id, message)

Example:

    iex>  Actioncable.Channel.broadcast("room", "1", %{"action"=>"write", "args" => "hello"})

    iex>  Actioncable.Channel.broadcast("room", "1", %{"action"=>"write"})

Broadcast message to all subscriber from given channel.

else (subscription in JS with channel only)

use Actioncable.Channel.broadcast(channel, message)

Example:

    iex> Actioncable.Channel.broadcast("room_1", %{"action"=>"write", "args" => "hello"})

    iex> Actioncable.Channel.broadcast("room_1", %{"action"=>"write"})

Broadcast message to all subscriber from given channel. 

Improvement

• Do not hesitate to perform pull request, this is a first version and there are a lot of things that need to be improved