Add second gateway to connect socket.io behind

Author: WZWren

comms/server.js

@@ -1,11 +1,14 @@
 const express = require("express");
 const http = require("http");
 const app = express();
+
 const server = http.createServer(app);
 const io = require("socket.io")(server, {
+  path: '/comms',
   cors: {
     // temporarily use * to allow all origins
-    origin: `*`
+    origin: `*`,
+    methods: ["GET", "POST"]
   }
 });
 

compose.yaml

@@ -151,16 +151,25 @@ services:
   nginx:
     build: nginx
     image: distractedcat/nginx
-    ports:
-      - "80:80"
     volumes:
-      - ./nginx/nginx.conf:/etc/nginx/nginx.conf
+      - ./nginx/nginx.conf:/etc/nginx/internal.conf
     depends_on:
       - peerprep
       - backend
       - user-service
       - storage-blob-api
       - matching-service-api
+  
+  inbound-gateway:
+    build: inbound-gateway
+    image: wzwren/inbound-gateway
+    ports:
+      - "70:70"
+    volumes:
+      - ./inbound-gateway/nginx.conf:/etc/nginx/external.conf
+    depends_on:
+      - peerprep
+      - comms
 #  mongo:
 #    image: "mongo:latest"
 #    ports:

inbound-gateway/Dockerfile

@@ -0,0 +1,4 @@
+FROM nginx:alpine 
+COPY nginx.conf /etc/nginx/external.conf
+EXPOSE 70
+CMD ["nginx", "-c", "external.conf", "-g", "daemon off;"]

inbound-gateway/README.md

@@ -0,0 +1,7 @@
+nginx is dockerised, just have to run `docker compose up --build` as usual.
+
+if edits are made to the local nginx.conf file, following command must be run to see changes reflected in docker:
+
+`docker exec cs3219-ay2425s1-project-g14-nginx-1  nginx -s reload`
+
+(or just exec `nginx -s reload` in the container directly)

inbound-gateway/nginx.conf

@@ -0,0 +1,56 @@
+worker_processes  1;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include       mime.types;
+ 
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                     '$status $body_bytes_sent "$http_referer" '
+                     '"$http_user_agent" "$http_x_forwarded_for"';
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    upstream peerprep {
+        server peerprep:3000;
+    }
+
+    server {
+        listen 70;
+
+        location / {
+            proxy_pass http://peerprep/;
+            proxy_set_header   Host               $host;
+            proxy_set_header   X-Real-IP          $remote_addr;
+            proxy_set_header   X-Forwarded-Proto  $scheme;
+            proxy_set_header   X-Forwarded-Host   $host:70;
+            proxy_set_header   X-Forwarded-For    $proxy_add_x_forwarded_for;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_read_timeout 86400;
+        }
+
+        location /comms/ {
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header Host $host;
+            proxy_set_header X-NginX-Proxy false;
+
+
+            proxy_pass http://comms:4001;
+
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_read_timeout 86400;
+        }
+    }
+}

nginx/Dockerfile

@@ -1,4 +1,4 @@
 FROM nginx:alpine 
-COPY nginx.conf /etc/nginx/nginx.conf
+COPY nginx.conf /etc/nginx/internal.conf
 EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
+CMD ["nginx", "-c", "internal.conf", "-g", "daemon off;"]

nginx/nginx.conf

@@ -59,6 +59,7 @@ http {
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
             proxy_set_header Connection "upgrade";
+            proxy_read_timeout 86400;
         }
 
         location /users/ {

peerprep/components/questionpage/CommsPanel.tsx

@@ -7,7 +7,9 @@ interface Props {
   roomId?: String;
 }
 
-const socket = io(`${process.env.NEXT_PUBLIC_COMMS}`);
+const socket = io(`/`, {
+  path: '/comms'
+});
 
 function CommsPanel({ className, roomId }: Props) {
   const [stream, setStream] = useState<MediaStream>();