{"id":492,"date":"2021-03-03T22:04:12","date_gmt":"2021-03-03T21:04:12","guid":{"rendered":"https:\/\/fileidea.com\/?p=492"},"modified":"2021-03-03T23:11:21","modified_gmt":"2021-03-03T22:11:21","slug":"have-production-and-development-environment-variables","status":"publish","type":"post","link":"https:\/\/fileidea.com\/2021\/03\/03\/have-production-and-development-environment-variables\/","title":{"rendered":"Have production and development environment variables"},"content":{"rendered":"\n
This is how you would have production and development environment variables in a JavaScript nodejs app. I have a back-end nodejs app where I want to connect to a local MySQL server, and when deploying the app to Google Cloud App Engine; have my production settings instead.<\/p>\n\n\n\n
First, try and see if you have already have set your enviroment to development:<\/p>\n\n\n
I get undefined, so what we want to do is setting the environment variable to dev when we are on our local computer, and we can do that by modifying our packages.json<\/strong> file where we run our app.<\/p>\n\n\n
Now when running npm start it prints out: dev<\/strong><\/p>\n\n\n\n
Then download a module called dotenv<\/strong>.<\/p>\n\n\n
\nnpm i dotenv\n<\/pre><\/div>\n\n\n
Then create a config folder<\/strong>, and add two files: one for your production configuration called prod.env<\/strong> and one for your development configuration called dev.env<\/strong>. See this image with the red circle how my files are created in the folder.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Now I am going to define some properties I want to use for my MySQL connection. For my local development it is going to look like this.<\/p>\n\n\n
Then for my actual production environment configuration<\/strong>s I am going to define different values along with SOCKETPATH since I am using Google Cloud SQL to connect from my app in the Google Cloud App Engine.<\/p>\n\n\n
(There are no commas here watch out writing those!). Okay now we got our environment configurations for both development and production. Let’s load these configurations based on what environment we are in.<\/p>\n\n\n
The above code which will check if the environment variable (NODE_ENV) is having the value of Dev<\/strong>, which is has if we start the application locally with npm start<\/strong> which we made sure of in the beginning. The will then continue run the dotenv.config method and load the configuration from the path<\/strong> “config\/dev.env”<\/strong>. That is the file from inside the folder we created earlier. Same procedure with production<\/strong>.<\/p>\n\n\n\n
Most hosting services will change the enviroment variable to production for you so you don’t need to worry about it, for example, if we do: gcloud app deploy<\/strong> NODE_ENV will be set to production <\/strong>thus use the prod.env<\/strong> configurations.<\/p>\n\n\n\n
Applying the configuration variables to a MySQL connection like this:<\/p>\n\n\n
\n var mysql = require('mysql');\n let sqlConfig = {\n host: process.env.HOST,\n user: process.env.DBUSER,\n password: process.env.PASSWORD,\n database: process.env.DATABASE\n };\n if (process.env.SOCKETPATH) {\n sqlConfig.socketPath = process.env.SOCKETPATH\n }\n var connection = mysql.createConnection(sqlConfig);\n<\/pre><\/div>\n\n\n
What is worth noting is that we will check if we got the SocketPath <\/strong>property (from the production enviroment variables) is defined or not and put it in to our object as well if it is defined. <\/p>\n\n\n\n
Remember to not include your production values in any source control.<\/p>\n\n\n\n
You can obviously also add more environments if you got stage etc here as well but this is for how I go about it for the dev and prod environment.<\/p>\n","protected":false},"excerpt":{"rendered":"
This is how you would have production and development environment variables in a JavaScript nodejs app. I have a back-end nodejs app where I want to connect to a local MySQL server, and when deploying the app to Google Cloud App Engine; have my production settings instead. First, try and see if you have already … <\/p>\n
![\"\"](\"https:\/\/fileidea.com\/wp-content\/uploads\/2021\/03\/image.png\")
<\/figure>\n\n\n\n