search

theman550 / DAT257-K9

Project for course DAT257
1 stars 1 forks source link

Implement a global configuration file that changes depending on environment #41

Closed AndreasWJ closed 4 years ago

AndreasWJ commented 4 years ago

Implementerade en enkel config fil som förändras beroende på miljövariabeln "REACT_APP_ENV", React låter en inte ändra NODE_ENV av någon anledning. Se configs.js för nuvarande variabler. Började med att ha API adressen som en variabel. Om ni hittar en global variabler som antingen är statisk eller som förändras beroende på miljö, så lägg in den i configs.js!

Tänk på att "development" är standard. Vilket betyder att en variabel definierad i "development" samt en annan miljö skriver över den originella definitionen i "development". På så sätt slipper man repetera variabler som förblir samma i olika miljöer.

För att ändra miljö, kör följande i konsolen:

set "REACT_APP_ENV=production" && npm start

För att använda en variabel från konfigurationen, importera filen, och läs variabeln:

import config from 'xxx/config';
...
console.log(config.api.url);

Ändrade även befintliga hårdkodade adresser till att bero på konfigurationen i Form.js och Display.jsx.

ITJohan commented 4 years ago

Bra initiativ! Kan man kanske skriva den informationen i README.md?

AndreasWJ commented 4 years ago

Bra initiativ! Kan man kanske skriva den informationen i README.md?

Fixar det! Lägger till en extra commit