add nginx+certbot support

Author: SafakB

docker-compose.yml

@@ -6,12 +6,18 @@ services:
       - "3000:3000"
     environment:
       PGRST_DB_URI: postgres://test_user:123456@db:5432/blog
-      PGRST_OPENAPI_SERVER_PROXY_URI: http://127.0.0.1:3000
+      #PGRST_OPENAPI_SERVER_PROXY_URI: http://127.0.0.1:3000
+      PGRST_OPENAPI_SERVER_PROXY_URI: https://domain.com/
       PGRST_DB_SCHEMA: public
       PGRST_DB_ANON_ROLE: web_anon
       PGRST_JWT_SECRET: "varmB8bXwQzn91ZLxHFJhXEy6S3cN3sB"
+      PGRST_JWT_ROLE_CLAIM_KEY: ".role"
+      PGRST_SERVER_CORS_ALLOWED_ORIGINS: "https://domain.com,http://domain.com,http://domain.com:8080"
     depends_on:
       - db
+    networks:
+      - app-network
+    restart: always
   db:
     image: postgres
     ports:
@@ -20,17 +26,23 @@ services:
       POSTGRES_DB: blog
       POSTGRES_USER: postgres
       POSTGRES_PASSWORD: 123456
-  # Uncomment this if you want to persist the data.
+    # comment volumes this if you want to no persist the data.
     volumes:
       - "./pgdata:/var/lib/postgresql/data"
+    networks:
+      - app-network
+    restart: always
   swagger:
     image: swaggerapi/swagger-ui
     ports:
       - "8080:8080"
     expose:
       - "8080"
     environment:
-      API_URL: http://127.0.0.1:3000/
+      API_URL: https://domain.com
+    networks:
+      - app-network
+    restart: always
   socket:
     image: node:14
     working_dir: /app
@@ -46,3 +58,30 @@ services:
       PGUSER: test_user
       PGPASSWORD: 123456
       PGDATABASE: blog
+    networks:
+      - app-network
+    restart: always
+  nginx:
+    image: nginx:latest
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf
+      - ./letsencrypt:/etc/letsencrypt
+      - ./certbot/www:/var/www/certbot
+    ports:
+      - "80:80"
+      - "443:443"
+    depends_on:
+      - server
+      - socket
+    networks:
+      - app-network
+    restart: always
+  certbot:
+    image: certbot/certbot
+    command: certonly --webroot --webroot-path=/var/www/certbot/ -d domain.com
+    volumes:
+      - ./letsencrypt:/etc/letsencrypt
+      - ./certbot/www:/var/www/certbot
+    networks:
+      - app-network
+    restart: no

nginx.conf

@@ -0,0 +1,49 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    server {
+        listen 80;
+        server_name domain.com;
+
+        location /.well-known/acme-challenge/ {
+            root /var/www/certbot;
+            try_files $uri =404;
+        }
+
+        location / {
+            return 301 https://$host$request_uri;
+        }
+    }
+
+    # First run disable this block
+    server {
+        listen 443 ssl;
+        server_name domain.com;
+
+        ssl_certificate /etc/letsencrypt/live/domain.com/fullchain.pem;
+        ssl_certificate_key /etc/letsencrypt/live/domain.com/privkey.pem;
+
+        ssl_protocols TLSv1.2 TLSv1.3;
+        ssl_ciphers HIGH:!aNULL:!MD5;
+
+        location / {
+            proxy_pass http://server:3000;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+
+        location /socket.io/ {
+            proxy_pass http://socket:4000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+        }
+    }
+}

socket/index.js

@@ -24,8 +24,10 @@ pgClient.connect();
 pgClient.query('LISTEN category_changes');
 
 pgClient.on('notification', (msg) => {
-  const payload = JSON.parse(msg.payload);
-  io.emit('categoryChanges', payload);
+  if (msg.payload != '') {
+    const payload = JSON.parse(msg.payload);
+    io.emit('categoryChanges', payload);
+  }
 });
 
 io.on('connection', (socket) => {
@@ -35,16 +37,17 @@ io.on('connection', (socket) => {
     console.log(`İstemci ${categoryId} ID'sine sahip kayıtları dinliyor.`);
 
     pgClient.on('notification', (msg) => {
-      const payload = JSON.parse(msg.payload);
-      console.log(payload);
-      if (payload.id === parseInt(categoryId, 10)) {
-        socket.emit(`categoryChange-${categoryId}`, payload);
+      if (msg.payload != '') {
+        const payload = JSON.parse(msg.payload);
+        console.log(payload);
+        if (payload.id === parseInt(categoryId, 10)) {
+          socket.emit(`categoryChange-${categoryId}`, payload);
+        }
       }
     });
   });
 });
 
 server.listen(4000, () => {
   console.log('Socket.IO sunucusu 4000 portunda çalışıyor');
-});
-
+});

socket/test.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socket.IO Test</title>
+    <script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>
+    <style>
+        .status {
+            display: block;
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background-color: red;
+        }
+
+        .status.active {
+            background-color: green;
+        }
+    </style>
+</head>
+
+<body>
+    <h3><span class="status"></span></h3>
+    <h1>Categories Changes</h1>
+    <ul id="changes"></ul>
+
+    <script>
+        // Connect Socket.IO
+        const socket = io('https://domain.com');
+
+        // listen 'connect' event
+        socket.on('connect', function () {
+            const status = document.querySelector('.status');
+            status.classList.add('active');
+        });
+
+        // listen 'disconnect' event
+        socket.on('disconnect', function () {
+            const status = document.querySelector('.status');
+            status.classList.remove('active');
+        });
+
+        // listen 'categoryChanges' event
+        socket.on('categoryChanges', function (data) {
+            const changesList = document.getElementById('changes');
+            const newItem = document.createElement('li');
+            newItem.textContent = JSON.stringify(data);
+            changesList.appendChild(newItem);
+        });
+
+        // listen 'categoryChange' event with categoryId
+        let categoryId = 5
+        socket.emit('listenCategoryId', categoryId);
+        socket.on(`categoryChange-${categoryId}`, function (data) {
+            const textContent = JSON.stringify(data);
+            alert(textContent);
+        });
+    </script>
+</body>
+
+</html>