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

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

本文关键字：配置选项方式常见应用程序前端什么更新时间：2023-09-26

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

对于第二个选项，我会在我的gulpfile中添加一个搜索/替换操作，并将任何出现的<config:KEY>替换为KEY的配置值。

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

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

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

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

对于想要更一般答案的人，请查看此问题的答案。