Angular js read environmental variables

Question

I am trying to read environment variables in http get calls

$http.get('http://'  + $location.host() + ':8080/api')

I want to be able to read the environmen variable and use it as the http rest server in teh above API call, as follows

 $http.get('environmental_variable ':8080/api')

Note: I dont know the environment variable until runtime So I cannot have the value before hand to use it as a constant

Answer 1

There are lots of examples showing how you can put your settings into different files or constants. Most of these work, but miss the point.

Your configuration settings are not part of your code!

Apart from the 'Hello World' examples, your deployment should be carried out by a CI/CD server and this should be responsible for setting your configuration settings. This has a number of benefits:

1) You are deploying the same code to different environments. If you deploy code to a test environment, then you want to deploy the same code to your production environment. If your servers have to rebuild the code, to add the production configuration settings, you are deploying different code.

2) Code can be shared without giving away your API details, AWS settings and other secret information.

3) It allows new environments to be added easily.

There are lots of examples out there on how to do this. One example is www.jvandemo.com/how-to-configure-your-angularjs-application-using-environment-variables