2014-08-29 90 views
2

在余烬项目中推动器。我很抱歉,但我发现如果很难让我的头绕着JS工具。如何在余烬项目中使用余烬推动器

Ember pusher github

这样做的步骤。

  1. 内部余烬-CLI项目:亭子安装--save推杆
  2. 在broccoli.js文件添加的行:app.import( '销售商/推杆/ DIST/pusher.js'); 在.jshintrc

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

  1. 然后从git mentioned link复制余烬-pusher.amd.js并保存在/供应商的文件夹中。

  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 pusher
  2. https://github.com/jamiebikies/ember-pusher#download
  3. 下载ember-pusher.jsvendor/ember-pusher/ember-pusher.js以下内容添加到您的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. 日志事件Ø你的控制器的NE

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