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

Javascript 什么';在前端应用程序中放置配置选项的最常见方式是什么?,javascript,configuration,Javascript,Configuration,举个例子,我想将Google+登录按钮添加到我的web应用程序中。此按钮需要我的使用者密钥和一些其他配置选项。仅仅将其硬编码到html中似乎不是一个好主意,因为您必须在代码中查找它来更改它。我还需要在后端提供这些信息,因此我将其存储在JSON配置文件中。我认为有两种方法可以让配置进入前端: 使用JSON获取配置选项 在构建时注入配置选项 对于第二个选项,我将在gulpfile中添加一个搜索/替换操作,并将出现的替换为键的配置值 第二种选择似乎更好,因为您不必提出额外的请求,但我想知道是否有一

举个例子,我想将Google+登录按钮添加到我的web应用程序中。此按钮需要我的使用者密钥和一些其他配置选项。仅仅将其硬编码到html中似乎不是一个好主意,因为您必须在代码中查找它来更改它。我还需要在后端提供这些信息,因此我将其存储在JSON配置文件中。我认为有两种方法可以让配置进入前端:

  • 使用JSON获取配置选项
  • 在构建时注入配置选项
对于第二个选项,我将在gulpfile中添加一个搜索/替换操作,并将出现的
替换为
键的配置值

第二种选择似乎更好,因为您不必提出额外的请求,但我想知道是否有一种标准的方法来实现这一点


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

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


对于rails,我有config.js.erb,它加载我的环境变量。因此,您可以使用grunt或其他工具作为构建过程来支持这一点。

对于寻求更一般答案的人,请查看的答案