2014-08-29 3 views
2

pusher in ember-cli project. Извините, но я нахожу, что мне трудно окунуться в js-инструменты.Как использовать ember-pusher в проекте ember-cli

Ember pusher github

шаги сделали для.

  1. Внутри Ember-кли проекта: беседке установить --save толкатель
  2. В broccoli.js файла добавлены строки: app.import ('поставщика/толкач/DIST/pusher.js'); в .jshintrc

"predef": { "document": true, "window": true, "MyappENV": true, "Pusher": true }

  1. Затем скопированный Ember-pusher.amd.js из git mentioned link и сохранены в папке/поставщика.

  2. В broccoli.js файл добавляется строка:

    var App = Ember.Application.extend({ modulePrefix: 'Myapp', // TODO: loaded via config Resolver: Resolver, PUSHER_OPTS: { key: '586f8kjhfkdf8d7f9', connection: {}, logAllEvents: true }, });

5.In app.js.

var App = Ember.Application.extend({ modulePrefix: 'Myapp', Resolver: Resolver, PUSHER_OPTS: { key: '586f8kjhfkdf8d7f9', connection: {}, logAllEvents: true } }); 6. В application.js контроллер

import Ember from 'ember'; 
    export 
    default Ember.Controller.extend({ 
     PUSHER_SUBSCRIPTIONS: { 
      myChannel: ['my-event'] 
     }, 
     actions: { 
      myEvent: function() { 
       console.log('Event my event was triggered xxxxxxxxxxxxxxxxxxx'); 
      } 
     } 
    }); 

Я DONOT получить любое сообщение об ошибке, но толкач панель не показывает каких-либо соединений

app.import('vendor/ember-pusher/ember-pusher.amd.js', { 
    exports: { 
     'ember-pusher': [ 
      'controller', 
      'binding', 
      'clientevents', 
      'initialize' 
     ] 
    } 
}); 

ответ

1

Вот что я сделал, чтобы получить его работу:

  1. bower install --save толкатель
  2. Скачать ember-pusher.js в vendor/ember-pusher/ember-pusher.js от https://github.com/jamiebikies/ember-pusher#download
  3. Добавьте следующее к Brocfile.js

    app.import('bower_components/pusher/dist/pusher.js'); app.import('vendor/ember-pusher/ember-pusher.js');

  4. Добавьте следующие config/environment.js

    ENV.APP.PUSHER_OPTS = { key: 'your-app-key', connection: { } }

  5. журнала событий от о дной из контроллеров

    import Ember from 'ember'; export default Ember.Controller.extend(EmberPusher.Bindings, { logPusherEvents: true, PUSHER_SUBSCRIPTIONS: { myChannel: ['my-event'] } }