静的アプリケーション設定の場所

Question

私はRedux/ReactJSアプリケーションを開発しており、アプリケーション設定のリストがあります。

私は店内に置くべきかどうか、または設定が含まれているファイルを作成して必要な場所にインポートする必要があるかどうかを判断しようとしています。

Answer 1

それは「アプリケーション設定」の性質に依存します。

安全なものについて

同様のAPIキーなどを使用します。 dotenvのようなものを使用すると、他の環境を簡単にシミュレートできます。文字列と色や外部URLのように定数

については

、私は複数の輸出と定数ファイルを使用します。次に、各モジュールには、私はそうのように、私は必要なものは何でもインポートします（...例えばDEV、PROD）環境固有のもののため

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

例のAPIのURLまたはログレベルについては、などを使用設定ファイルのセット。そのため、config-dev.jsとconfig-prod.jsがあり、次に正しいファイルの内容を返すconfig.jsがあります。process.env.NODE_ENV

Answer 2

アプリケーション設定は、一部のファイルではconstにすぎません。このように、異なる構成の場合、設定を切り替えることができます。

設定ファイルの例は次のようになります。

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`, 
};