在前端应用程序中放置配置选项的最常用方法是什么？

Question

举个例子，我想将Google+登录按钮添加到我的网络应用程序中。此按钮需要我的使用者密钥和其他一些配置选项。将硬编码到html中并不是一个好主意，因为你必须在代码中寻找它才能改变它。我还需要后端的这些信息，所以我将它存储在JSON配置文件中。我看到了两种将配置提升到前端的方法：

• 使用JSON
获取配置选项
• 在构建时注入配置选项

对于第二个选项，我将向gulpfile添加搜索/替换操作，并将<config:KEY>的所有匹配项替换为KEY的配置值。

第二种选择似乎更好，因为你不必提出额外的请求，但我想知道是否有标准的方法来做这件事。

只是为了澄清：前端完全作为静态文件提供，因此在渲染时无法注入它们。

Answer 1

我的方法，通常与rails后端相结合，是生成一个javascript文件config.js，将所需的设置和键添加到全局对象。

使用rails我有config.js.erb，它加载我的环境变量。所以你可以使用grunt或其他东西作为构建过程来支持它。

Answer 2

对于寻求更一般答案的人，请查看this question的答案。