Real-Time Phoenix

Connecting our First WebSocket

To get up and running quickly, we’re going to leverage Phoenix’s^[11] initial project scaffold. This is a good time to go back to ​Introduction​ in order to make sure that Elixir and Phoenix are set up properly on your system.

We will use mix phx.new to create our first example. You will be prompted to “fetch and install dependencies” during this process. Enter Y in order for the project to be started without manual steps.

$ mix phx.new hello_sockets --no-ecto
* creating hello_sockets/config/config.exs
...
Fetch and install dependencies? [Yn] Y
...

We’ll need to perform one more step to get the sample WebSocket to load. Let’s remove the comment on the socket line:

hello_sockets/assets/js/app.js ...