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

What's the most common way of putting configuration options in a front-end application?

举个例子,我想在我的网络应用程序中添加 Google+ 登录按钮。此按钮需要我的消费者密钥,以及一些其他配置选项。只是将它硬编码到 html 中似乎不是一个好主意,因为您必须在代码中查找它才能更改它。我在后端也需要此信息,因此我将其存储在 JSON 配置文件中。我看到两种将配置获取到前端的方法:

对于第二个选项,我会在我的 gulpfile 中添加一个 search/replace 操作,并将任何出现的 <config:KEY> 替换为 KEY.[=12= 的配置值]

第二个选项似乎更好,因为您不必提出额外的请求,但我想知道是否有标准方法可以做到这一点。

澄清一下:前端完全用作静态文件,因此无法在渲染时注入它们。

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

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

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