feat(frontend): deployment for frontend

deployment/README.md

@@ -62,6 +62,10 @@ Configure nginx:
 cp -f deployment/nginx/default.conf /etc/nginx/http.d/default.conf
 # adjust the nginx config accordingly
 vi /etc/nginx/http.d/default.conf
+# frontend nginx config
+cp deployment/nginx/frontend.conf /etc/nginx/http.d/frontend.conf
+# adjust the frontend nginx config accordingly
+vi /etc/nginx/http.d/frontend.conf
 # note: replace log paths according to your installation directory
 service nginx restart
 ```

deployment/deploy.sh

@@ -32,16 +32,20 @@ exec 3>&1 1>>${LOG_FILE} 2>&1 2>>${LOG_ERROR_FILE}
     export NODE_ENV=production
 
     # Backend & Database Migration
-    $SCRIPT_DIR/build.backend.sh
-    $SCRIPT_DIR/migrate.database.sh
-    $SCRIPT_DIR/start.backend.sh
+    $SCRIPT_DIR/scripts/build.backend.sh
+    $SCRIPT_DIR/scripts/migrate.database.sh
+    $SCRIPT_DIR/scripts/start.backend.sh
+
+    # Frontend
+    $SCRIPT_DIR/scripts/build.frontend.sh
+    $SCRIPT_DIR/scripts/start.frontend.sh
 
     # Presenter
-    $SCRIPT_DIR/build.presenter.sh
-    $SCRIPT_DIR/start.presenter.sh
+    $SCRIPT_DIR/scripts/build.presenter.sh
+    $SCRIPT_DIR/scripts/start.presenter.sh
 
     # Docs
-    $SCRIPT_DIR/build.docs.sh
+    $SCRIPT_DIR/scripts/build.docs.sh
 
     # restore node env
     NODE_ENV=$BACKUP_NODE_ENV

deployment/nginx/default.conf

@@ -12,7 +12,7 @@ server {
       proxy_buffers      4 512k;
       proxy_buffer_size  256k;
 
-      proxy_pass         http://127.0.0.1:3000/;
+      proxy_pass         http://127.0.0.1:3001/;
       proxy_redirect     off;
 
       access_log /var/www/localhost/htdocs/dreammall.earth/log/nginx.access.presenter.log combined;

deployment/nginx/frontend.conf

@@ -0,0 +1,21 @@
+server {
+  listen 8080 default_server;
+  listen [::]:8080 default_server;
+
+  location / {
+      proxy_http_version 1.1;
+      proxy_set_header   Upgrade $http_upgrade;
+      proxy_set_header   Connection 'upgrade';
+      proxy_set_header   X-Forwarded-For $remote_addr;
+      proxy_set_header   X-Real-IP  $remote_addr;
+      proxy_set_header   Host $host;
+      proxy_buffers      4 512k;
+      proxy_buffer_size  256k;
+
+      proxy_pass         http://127.0.0.1:3000/;
+      proxy_redirect     off;
+
+      access_log /var/www/localhost/htdocs/dreammall.earth/log/nginx.access.frontend.log combined;
+      error_log /var/www/localhost/htdocs/dreammall.earth/log/nginx.error.frontend.log warn;
+  }
+}

deployment/build.backend.sh → deployment/scripts/build.backend.sh

@@ -3,7 +3,7 @@
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
 SCRIPT_DIR=$(dirname $SCRIPT_PATH)
-PROJECT_ROOT=$SCRIPT_DIR/../backend
+PROJECT_ROOT=$SCRIPT_DIR/../../backend
 BUILD_DIR=$PROJECT_ROOT/build
 
 # Build the project

deployment/build.docs.sh → deployment/scripts/build.docs.sh

@@ -3,7 +3,7 @@
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
 SCRIPT_DIR=$(dirname $SCRIPT_PATH)
-PROJECT_ROOT=$SCRIPT_DIR/..
+PROJECT_ROOT=$SCRIPT_DIR/../..
 BUILD_DIR=$PROJECT_ROOT/build/docs
 
 # Build the project

deployment/scripts/build.frontend.sh

@@ -0,0 +1,13 @@
+#!/bin/sh
+
+# Find current directory & configure paths
+SCRIPT_PATH=$(realpath $0)
+SCRIPT_DIR=$(dirname $SCRIPT_PATH)
+PROJECT_ROOT=$SCRIPT_DIR/../../frontend
+BUILD_DIR=$PROJECT_ROOT/build
+
+# Build the project
+cd $PROJECT_ROOT
+rm -R $BUILD_DIR
+npm install --include=dev
+npm run build

deployment/build.presenter.sh → deployment/scripts/build.presenter.sh

@@ -3,7 +3,7 @@
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
 SCRIPT_DIR=$(dirname $SCRIPT_PATH)
-PROJECT_ROOT=$SCRIPT_DIR/../presenter
+PROJECT_ROOT=$SCRIPT_DIR/../../presenter
 BUILD_DIR=$PROJECT_ROOT/build
 
 # Build the project

deployment/migrate.database.sh → deployment/scripts/migrate.database.sh

@@ -3,7 +3,7 @@
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
 SCRIPT_DIR=$(dirname $SCRIPT_PATH)
-PROJECT_ROOT=$SCRIPT_DIR/../backend
+PROJECT_ROOT=$SCRIPT_DIR/../../backend
 
 # Build the project
 cd $PROJECT_ROOT

deployment/start.backend.sh → deployment/scripts/start.backend.sh

@@ -2,9 +2,10 @@
 
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
-SCRIPT_DIR=$(dirname $SCRIPT_PATH)/../backend
-LOG_FILE=$SCRIPT_DIR/../log/$(date +"%Y-%m-%d_%T")_pm2.backend.log
+SCRIPT_DIR=$(dirname $SCRIPT_PATH)
+PROJECT_ROOT=$SCRIPT_DIR/../../backend
+LOG_FILE=$SCRIPT_DIR/../../log/$(date +"%Y-%m-%d_%T")_pm2.backend.log
 
-cd $SCRIPT_DIR
+cd $PROJECT_ROOT
 NODE_ENV=production TZ=UTC TS_NODE_BASEURL=./build pm2 start --name backend "node -r tsconfig-paths/register build/src/index.js" -l $LOG_FILE --log-date-format 'YYYY-MM-DD HH:mm:ss.SSS'
 pm2 save

deployment/scripts/start.frontend.sh

@@ -0,0 +1,12 @@
+#!/bin/sh
+
+# Find current directory & configure paths
+SCRIPT_PATH=$(realpath $0)
+SCRIPT_DIR=$(dirname $SCRIPT_PATH)
+PROJECT_ROOT=$SCRIPT_DIR/../../frontend
+LOG_FILE=$SCRIPT_DIR/../../log/$(date +"%Y-%m-%d_%T")_pm2.frontend.log
+
+cd $PROJECT_ROOT
+export PORT=3000
+pm2 start --name frontend "build/index.cjs" -l $LOG_FILE --log-date-format 'YYYY-MM-DD HH:mm:ss.SSS'
+pm2 save

deployment/start.presenter.sh → deployment/scripts/start.presenter.sh

@@ -2,9 +2,11 @@
 
 # Find current directory & configure paths
 SCRIPT_PATH=$(realpath $0)
-SCRIPT_DIR=$(dirname $SCRIPT_PATH)/../presenter
-LOG_FILE=$SCRIPT_DIR/../log/$(date +"%Y-%m-%d_%T")_pm2.presenter.log
+SCRIPT_DIR=$(dirname $SCRIPT_PATH)
+PROJECT_ROOT=$SCRIPT_DIR/../../presenter
+LOG_FILE=$SCRIPT_DIR/../../log/$(date +"%Y-%m-%d_%T")_pm2.presenter.log
 
-cd $SCRIPT_DIR
+cd $PROJECT_ROOT
+export PORT=3001
 pm2 start --name presenter "build/index.cjs" -l $LOG_FILE --log-date-format 'YYYY-MM-DD HH:mm:ss.SSS'
 pm2 save