静态应用程序设置的位置

Question

我正在开发Redux/ReactJS应用程序，并且我有一个应用程序设置列表。

我想决定是否应该在商店中使用它们，或者如果我应该创建一个包含设置的文件并将其导入我需要的位置。

Answer 1

这要看的“应用程序设置”的性质。

对于安全的东西

像API密钥等使用环境变量。你可以使用类似dotenv的东西来模拟其他环境。

常量

像串和颜色，外部URL，我用一个常量与多个exports文件。然后，每个模块中我输入任何我需要的，就像这样：

import { 
    ANIMATION_DURATION, 
    COLORS, 
    MODALS, 
    TEXT_PADDING, 
} from '../../constants.js'; 

对于特定环境下的东西（如开发，督促...）

例如API网址或日志级别等使用一套配置文件。所以你可能有一个config-dev.js和config-prod.js，然后config.js返回正确的文件的内容基于process.env.NODE_ENV

Answer 2

应用程序设置应该只是一个文件中的常量。这样，对于不同的配置，可以切换设置。

设置文件的一个例子是：

let apiUrl = 'http://prodUrl'; 

// __DEV__ defaults to true in simulator. 
if (__DEV__) { 
    apiUrl = 'http://devUrl'; 
} 

export const settings = { 
    apiUrl, 
    registerUrl: `${apiUrl}/api/register`, 
    educationUrl: `${apiUrl}/api/education`, 
};