5

我正在使用ember-cli构建我的应用程序，它为我提供了一个很好的app.js文件，我可以在静态资产服务器上提供服务。在部署时允许单独配置的最惯用的方法是什么？

例如，我可能会告诉我的app.js文件的使用者包含一个将被加载的额外config.[js|json]文件，并且该文件中的值将进入ENV对象......以便我可以将应用程序指向不同的 REST 端点，例如（QA、沙盒、预发布等）无需重新编译。

我想一定有办法，我只是没看到。我知道有config/environment.js文件，但它被编译到dist文件夹中。我正在寻找位于打包 JS 旁边的东西。我当然可以一起破解一些东西，所以我不是在寻找破解。一个ember-cli-addon，也许？我认为必须有一种“余烬方式”来做到这一点。

我只是没有找到它:)

4

1 回答 1

3

好的，这就是我所做的。基本上，我允许主机应用程序覆盖某些设置。我注册了一个初始化程序以将它们塞入配置对象中，然后我像往常一样使用配置选项。它看起来有点像这样：

配置/环境.js

// This is just normal ENV.APP configuration stuff.  Nothing odd here
module.exports = function(environment) {
  var ENV = {
    // snip
    APP: {
      API_HOST: 'http://defaultAPIHost.com',
      AUTH_PROVIDER: 'http://defaultAuthProvider.com'
    }
  };

  return ENV;
};

应用程序/初始化程序/参数覆盖.js

import config from '../config/environment';

// This is the custom stuff.  If the values have been defined globally,
// override them on the config object.  I suppose this can be done a
// bit more dynamically, but this explicit code is for illustrative purposes.
export function initialize() {
  let apiOverride = window.MyAppEnv && window.MyAppEnv.API_HOST;
  let authOverride = window.MyAppEnv && window.MyAppEnv.AUTH_PROVIDER;

  config.APP.API_HOST = apiOverride || config.APP.API_HOST;
  config.APP.AUTH_PROVIDER = authOverride || config.APP.AUTH_PROVIDER;
}

export default {
  name: 'parameter-overrides',
  initialize: initialize
};

应用程序/适配器/应用程序

import DS from 'ember-data';
import config from '../config/environment';

// Then consume the config properties as you normally would
export default DS.RESTAdapter.extend({
    host: config.APP.API_HOST,
    namespace: "api"
});

现在，托管应用程序可以将其包含在页面中，它将覆盖以下值config/environment.js：

<script type="text/javascript">
  // Override this value in production to the proper API host and Auth host
  window.MyAppEnv = {
    AUTH_PROVIDER: null, //'http://oauthhost.com/OAuth2'
    API_HOST: null //"http://apihost.com"
  };
</script>

这是一个合理的方法吗？那里有更好的东西吗？

于 2015-05-20T02:01:45.837 回答