Awesome Open Source
Awesome Open Source

Ember-phoenix Build Status Ember Observer Score npm version

Greenkeeper badge


ember install ember-phoenix

Low-Level Use

You can import phoenix framework client-side utilities as an ES6 module

import { Socket } from 'ember-phoenix';

let socket = new Socket('/socket', {
  logger: ((kind, msg, data) => {
    console.log(`${kind}: ${msg}`, data);

Recommended Use

Build a service around a socket (you will usually have only one, since phoenix multiplexes for you)

import PhoenixSocket from 'ember-phoenix/services/phoenix-socket';

export default PhoenixSocket.extend({

  init() {
    // You may listen to open, "close" and "error"
    this.on('open', () => {
      console.log('Socket was opened!');

  connect(/*url, options*/) {
    const myjwt = "abacnwih12eh12...";
    // connect the socket
    this._super("wss://", {
      params: {token: myjwt}

    // join a channel
    const channel = this.joinChannel("room:123", {
      nickname: "Mike"

    // add message handlers
    channel.on("notification", () => _onNotification(...arguments));

  _onNotification(message) {
    alert(`Notification: ${message}`);


  • git clone this repository
  • npm install
  • bower install


Running Tests

  • npm test (Runs ember try:testall to test your addon against multiple Ember versions)
  • ember test
  • ember test --server


  • ember build

For more information on using ember-cli, visit


(c) 2016 Levanto Financial

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,542,075
Elixir (18,630
Websocket (5,270
Emberjs (460
Phoenix Framework (429
Related Projects