javascript - 将 Ember.js 与外部代码(例如，Android 的 WebView)集成的最佳方式

Question

我想知道在开发 Ember.js 应用程序时，当它需要对外部代码使用react时(例如，通过 WebView 从 Android 应用程序调用，或超出范围的其他代码片段)，最佳实践是什么Ember 应用程序)。

在这种情况下，在 JavaScript 世界和 Java 世界之间有一个公共(public)接口(interface)是必要的。该接口(interface)可能是一个封装对象，但它需要能够使 Ember.js 路由器使用react以更改应用程序状态。这种用例在 Ember.js 中没有很好的定义。例如，AngularJS 似乎通过提供服务(可能是我的接口(interface))和依赖注入(inject)在这方面做得更好。但是，Ember.js 提供了哪些机制来构建 App 与外部世界之间的外部接口(interface)？

当然可以进行一些修改(例如，使用 App.container)，但我正在寻找一种与框架作者的愿景相一致的方法。我的意思是......我不想选择一个框架，最后继续与之抗争。这就是为什么对于这个特定的项目，我正在考虑使用像 Backbone.js 这样的不太固执己见的框架。即使从我使用 Ember.js 的(非常非常少的)经验来看，我还是非常喜欢它的整体组织。

Answer 1

I'd like to know what is the best practice...

我不确定是否存在与外部代码连接的最佳实践。

Android app through a WebView....In such scenario having a public interface between the JavaScript world and the Java world is a necessity. That interface may be a an encapsulated object but it needs to be able to make Ember.js router react to change the application state

有道理。曾经可以为此目的使用 Controller 单例。与任何其他 Controller 一样，它可以访问路由器。它还可能连接到其他 Controller 以修改它们的状态。

App.ApplicationRoute = Ember.Route.extend({
  setupController: function() {
    bridge = this.controllerFor('bridge');
    // This "works" but uses a global constant
    // Dependency Injection would be better, see below...
    ImaginaryJavaLibrary.sendStateChangesTo(bridge);
  }
})

App.BridgeController = Ember.Controller.extend({
  eventOne: function(data) {
    //react to state change, maybe call router.
  }
})

AngularJS seems to do a better job at this by providing services (that could be my interface) and Dependency injection. But what mechanisms does Ember.js offers to build an external interface between the App and the external world

服务看起来很酷。 FWIW 我认为也许 AngularJS 在记录依赖注入(inject)方面做得更好，但可以肯定的是它也是 ember 的核心部分。查看这篇文章，了解如何将对象(如界面)注入(inject) ember 应用程序。

http://mcdowall.info/posts/ember-application-initializers/

http://emberjs.com/api/classes/Ember.Application.html#method_register

另请查看这篇描述如何与 Pusher 集成的帖子 - 我认为这非常接近您想要做的事情:

http://livsey.org/blog/2013/02/10/integrating-pusher-with-ember/

FWIW 这里是我们讨论过的其他一些方法的链接:

• 通过全局常量访问 ember 路由器(不推荐)Emberjs - how to access router in RC1
• 使用 Ember 检测: How to fire an event to Ember from another framework