Question

当使用ember-cli时，我希望能够包含一个需要API密钥的外部js库，我想在开发与生产中使用不同的API密钥。

基本上我想将以下脚本标记添加到app / index.html

<script type="text/javascript" src="http://something.com?key=API_KEY"></script>

但是当我在开发中运行而不是生产时，我希望API_KEY不同。

感谢您的帮助！

Answer 1

查看ember-inject-script插件，这样可以轻松地在您的ember-cli应用中包含第三方脚本。要使用它，npm-安装插件然后使用初始化程序加载脚本。然后在config/environment.js

中为API_KEY设置不同的值

npm install --save-dev ember-inject-script
ember generate initializer something-dot-com

然后按如下方式编辑初始化程序

import injectScript from 'ember-inject-script';
import config from '../config/environment';

export default {
  name: 'something-dot-com',
  initialize: function() {
    var url = "//something.com?key=" + config.SOMETHING_API_KEY;
    injectScript(url);
  };
}

在config / environment.js

中

ENV.SOMETHING_API_KEY = 'YOUR_DEV_API_KEY';

if (ENV.environment === "production") {
  ENV.SOMETHING_API_KEY = 'YOUR_PROD_API_KEY';
}

ember-cli包括开发与生产中的不同脚本标签

1 个答案: