Merge pull request 40-oper/setup-prod

40 oper/setup prod

.github/workflows/ec2deploy.yaml

@@ -8,6 +8,7 @@ on:
 env:
   AWS_PRIVATE_KEY: ${{ secrets.KEYAWS }}
   EC2_IP: ${{ secrets.EC2_IP }}
+  BACKEND_PORT: ${{ secrets.BACKEND_PORT }}
   SSH_OPTIONS: '-o StrictHostKeyChecking=no -i key.pem ubuntu@${{ secrets.EC2_IP }}'
 
 jobs:
@@ -51,6 +52,10 @@ jobs:
         run: |
           scp -o StrictHostKeyChecking=no -i key.pem -r ./tupan/ ubuntu@${{ env.EC2_IP }}:/home/ubuntu/tupan
 
+      - name: Create .env file
+        run: |
+          echo "BACKEND_URL=${{ env.EC2_IP }}:${{ env.BACKEND_PORT }}/" >> tupan/.env
+
       - name: SSH into AWS and build Docker image
         run: |
           ssh ${{ env.SSH_OPTIONS }} 'cd /home/ubuntu/tupan/tupan && sudo docker build -t tupan-front .'

tupan/.gitignore

@@ -19,6 +19,7 @@
 # misc
 .DS_Store
 *.pem
+.env
 
 # debug
 npm-debug.log*

tupan/Dockerfile

@@ -4,7 +4,7 @@ FROM base AS deps
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
 COPY package.json package-lock.json* ./
-RUN npm ci
+RUN npm ci --legacy-peer-deps
 
 FROM base AS builder
 WORKDIR /app

tupan/package.json

@@ -20,6 +20,7 @@
     "@material-tailwind/react": "^2.1.10",
     "@types/js-cookie": "^3.0.6",
     "axios": "^1.7.7",
+    "dotenv": "^16.4.5",
     "flowbite": "^2.5.1",
     "highcharts": "^11.4.8",
     "js-cookie": "^3.0.5",

tupan/src/app/_api/index.ts

@@ -1 +1,4 @@
-export const api_route: string = 'http://localhost:8000/';
+import * as dotenv from 'dotenv';
+dotenv.config();
+
+export const api_route: string = process.env.BACKEND_URL || 'http://localhost:8000/';