Packages

phx_new

1.4.18
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.4.0-dev.0 1.3.5

Phoenix framework project generator. Provides a `mix phx.new` task to bootstrap a new Elixir application with Phoenix dependencies.

HexDocs

Current section

Files

Jump to
Readme
106 Versions
0 Dependencies
5 Dependants
Files
Activity
phx_new templates phx_assets socket.js
Raw

templates/phx_assets/socket.js 

// NOTE: The contents of this file will only be executed if

// you uncomment its entry in "assets/js/app.js".



// To use Phoenix channels, the first step is to import Socket,

// and connect at the socket path in "lib/web/endpoint.ex".

//

// Pass the token on params as below. Or remove it

// from the params if you are not using authentication.

import {Socket} from "phoenix"



let socket = new Socket("/socket", {params: {token: window.userToken}})



// When you connect, you'll often need to authenticate the client.

// For example, imagine you have an authentication plug, `MyAuth`,

// which authenticates the session and assigns a `:current_user`.

// If the current user exists you can assign the user's token in

// the connection for use in the layout.

//

// In your "lib/web/router.ex":

//

//     pipeline :browser do

//       ...

//       plug MyAuth

//       plug :put_user_token

//     end

//

//     defp put_user_token(conn, _) do

//       if current_user = conn.assigns[:current_user] do

//         token = Phoenix.Token.sign(conn, "user socket", current_user.id)

//         assign(conn, :user_token, token)

//       else

//         conn

//       end

//     end

//

// Now you need to pass this token to JavaScript. You can do so

// inside a script tag in "lib/web/templates/layout/app.html.eex":

//

//     <script>window.userToken = "<%%= assigns[:user_token] %>";</script>

//

// You will need to verify the user token in the "connect/3" function

// in "lib/web/channels/user_socket.ex":

//

//     def connect(%{"token" => token}, socket, _connect_info) do

//       # max_age: 1209600 is equivalent to two weeks in seconds

//       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do

//         {:ok, user_id} ->

//           {:ok, assign(socket, :user, user_id)}

//         {:error, reason} ->

//           :error

//       end

//     end

//

// Finally, connect to the socket:

socket.connect()



// Now that you are connected, you can join channels with a topic:

let channel = socket.channel("topic:subtopic", {})

channel.join()

  .receive("ok", resp => { console.log("Joined successfully", resp) })

  .receive("error", resp => { console.log("Unable to join", resp) })



export default socket