On master: production 환경변수 변경 내역

Author: woorim960

client/app/src/apis/instance.ts

@@ -1,4 +1,8 @@
-const { REACT_APP_HOST_ADDRESS, REACT_APP_SERVER_PORT } = process.env;
+const {
+  REACT_APP_NODE_ENV, //
+  REACT_APP_SERVER_HOST_ADDRESS, //
+  REACT_APP_SERVER_PORT, //
+} = process.env;
 
 export class HTTP {
   private domain: string = "";
@@ -43,7 +47,11 @@ export class HTTP {
 }
 
 const instance = new HTTP(
-  `http://${REACT_APP_HOST_ADDRESS}:${REACT_APP_SERVER_PORT}`
+  `http://${
+    REACT_APP_NODE_ENV === "production"
+      ? REACT_APP_SERVER_HOST_ADDRESS
+      : "localhost"
+  }:${REACT_APP_SERVER_PORT}`
 );
 
 export default instance;

config/.client.env

@@ -1,8 +1,12 @@
+# If you want to deploy the production, put the "production".
+REACT_APP_NODE_ENV="development"
+
 # Client port number to open this react-app.
-PORT=80
+PORT=3000
 
 # Enter the same value as the PORT environment variable written in .server.env.
 REACT_APP_SERVER_PORT=8000 
 
 # Put the IP or host address of the computer you are using.
-REACT_APP_HOST_ADDRESS="52.78.64.144" 
+# The REACT_APP_SERVER_HOST_ADDRESS below only works when REACT_APP_NODE_ENV is "production", otherwise it works as "localhost".
+REACT_APP_SERVER_HOST_ADDRESS="localhost"

config/.server.env

@@ -1,8 +1,14 @@
+# If you want to deploy the production, put the "production".
+NODE_ENV="development"
+
 # NodeJS
 PORT=8000
-HOST_ADDRESS="52.78.64.144" # Put the IP or host address of the computer you are using.
 
-# for accessing from Nodejs to MySQL
+# Put the IP or host address of the computer you are using.
+# The HOST_ADDRESS below only works when NODE_ENV is "production", otherwise it works as "localhost".
+HOST_ADDRESS="localhost" 
+
+# For accessing from Nodejs to MySQL
 DB_HOST="db"
 DB_USER="root"
 DB_PSWORD="password"

scripts/start-all.sh

@@ -1,5 +1,10 @@
+# Print message on console.
+echo "[info] Starting server and client..."
+
+# OS variable
 CHECK_OS="`uname -s`"
 
+# Check OS and then RUN the services
 if [[ ${CHECK_OS} = "Darwin"* ]]; then
   npm run build --prefix ./server/app && docker-compose -f ./server/docker-compose.yml --env-file ./config/.server.env up -d && npm run start:client
 elif [[ "$CHECK_OS" = "Linux"* ]]; then
@@ -11,3 +16,6 @@ elif [[ ${CHECK_OS} = "MINGW64"* ]]; then
 elif [[ ${CHECK_OS} = "CYGWIN"* ]]; then
   npm run start:windows
 fi
+
+# Print message on console.
+echo "[info] Now enjoy the your dev-portfolio web!!"

server/app/main.ts

@@ -9,13 +9,15 @@ dotenv.config({ path: '../../config/.server.env' });
 
 const app = express();
 const PORT = process.env.PORT || 8000;
-const HOST_ADDRESS = process.env.HOST_ADDRESS || 'localhost'
+const HOST_ADDRESS =
+  process.env.NODE_ENV === 'production'
+    ? process.env.HOST_ADDRESS || 'localhost'
+    : 'localhost';
 
 const swaggerSpec = YAML.load(path.join(__dirname, './swagger.yaml'));
-const portInjectedSwaggerSpec = JSON.stringify(swaggerSpec).replace(
-  '{PORT}',
-  PORT.toString()
-).replace('{HOST_ADDRESS}', HOST_ADDRESS);
+const portInjectedSwaggerSpec = JSON.stringify(swaggerSpec)
+  .replace('{PORT}', PORT.toString())
+  .replace('{HOST_ADDRESS}', HOST_ADDRESS);
 
 import visitor from './src/apis/visitor';