基于配置文件的 js/Nodejs/ES6 配置

Question

I've an application with ES6/js/react UI and Spring boot server side. In my config.js I have host server URL and other properties that changes based on Env. I can use spring active profile to pick up diff set of properties. How do I do similar thing on the js part? The application is deployed as spring boot application with embedded Tomcat.

Another way to put the question is How can I do Spring profile equivalent in NodeJs/JavaScript world?

Answer 1

My suggestion is to create a server using nodejs to host your static files and act as a proxy server to your backend.

Lately I've used this this seed for my react-projects. I like it a lot, it uses webpack for building the frontend and also provideds you with a handy proxy server that you can use during development (which also gets rid of any CORS issues).

Settings for proxy server: environments.js

Answer 2

I had exactly the need as you: how to use the same idea behind spring profile active environment variable. I used process.env:

const profile = process.env.NODEJS_PROFILES_ACTIVE;

I tested with Windows and Docker as an environment variable.

Answer 3

I have implemented the following and it seems to work .

Set up files like config-dev.js, config-QA.js, config-prod.js . These hold the configuration specific to each environment

Ex config-dev.js

const config_params = {dburl:"mongodb://localhost/mydb", port:5000};
module.exports = config_params

Set up file - config.js which has the below logic

let loadmodule = "./config-" + process.env.profile + ".js";
const setting = require(loadmodule);
module.exports = setting;

In the index file or server.js, import config.js

const config = require('./config.js');

Start the application as 'profile=dev node server.js'