feat(objectstorage): web host add history router support (#5076)

* feat(objectstorage): web host add history router support * ok * ok * ok
labring · Sep 12, 2024 · 932cd71 · 932cd71
1 parent 456aaaf
commit 932cd71
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 37 deletions.
diff --git a/frontend/providers/objectstorage/.vscode/settings.json b/frontend/providers/objectstorage/.vscode/settings.json
@@ -3,5 +3,11 @@
 	"i18n-ally.localesPaths": [
 		"public/locales"
 	],
-	"i18n-ally.keystyle": "nested"
+	"i18n-ally.keystyle": "nested",
+	"[typescriptreact]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	}
 }
diff --git a/frontend/providers/objectstorage/src/pages/api/site/openHost.ts b/frontend/providers/objectstorage/src/pages/api/site/openHost.ts
@@ -1,14 +1,17 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
-import { initK8s } from 'sealos-desktop-sdk/service';
 import { ApiResp } from '@/services/kubernet';
 import { jsonRes } from '@/services/backend/response';
 import { appLanuchPadClient } from '@/services/request';
+import fs from 'fs/promises';
+import _ from 'lodash';
+import path from 'path';
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse<ApiResp>) {
   try {
-    const client = await initK8s({ req });
     const { bucket } = req.body as { bucket?: string };
+
     if (!bucket) return jsonRes(res, { code: 400, data: { error: 'bucketName is invaild' } });
+
     const appName = `static-host-${bucket}`;
     const result = await appLanuchPadClient.post(
       '/createApp',
@@ -44,40 +47,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse<
             {
               mountPath: '/etc/nginx/nginx.conf',
               subPath: 'nginx.conf',
-              value: `user  nginx;
-    worker_processes  auto;
-      
-    error_log  /var/log/nginx/error.log notice;
-    pid        /var/run/nginx.pid;
-      
-      
-    events {
-        worker_connections  1024;
-    }
-      
-      
-    http {
-        
-        proxy_intercept_errors on;
-        
-        server {
-            listen 80;
-            
-            error_page 404 = /404.html;
-
-            location / {
-              rewrite ^/404\\.html$ /${bucket}/404.html break;
-              rewrite ^/$ /${bucket}/index.html break;
-              rewrite ^/(.+)/$ /${bucket}/$1/index.html break;
-              rewrite ^/(.*\\..*)$ /${bucket}/$1 break;
-              rewrite ^/(.+)$ /${bucket}/$1/index.html break;
-              
-              proxy_pass http://object-storage.objectstorage-system.svc.cluster.local;
-            }
-        }
-        
-        sendfile  on;
-    }`
+              value: await generateNginxConfig(bucket)
             }
           ],
           secret: {
@@ -107,3 +77,18 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse<
     });
   }
 }
+
+async function generateNginxConfig(bucketName: string) {
+  try {
+    const templatePath = path.join(process.cwd(), 'src', 'templates', 'nginx', 'site-host');
+    const template = await fs.readFile(templatePath, 'utf-8');
+
+    const compiledTemplate = _.template(template);
+
+    const nginxConfig = compiledTemplate({ bucket: bucketName });
+    return nginxConfig;
+  } catch (error) {
+    console.error('Error generating nginx conf', error);
+    throw error;
+  }
+}
diff --git a/frontend/providers/objectstorage/src/templates/nginx/site-host b/frontend/providers/objectstorage/src/templates/nginx/site-host
@@ -0,0 +1,45 @@
+user nginx;
+worker_processes auto;
+
+error_log /var/log/nginx/error.log notice;
+pid /var/run/nginx.pid;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    proxy_intercept_errors on;
+
+    server {
+        listen 80;
+        location / {
+            rewrite ^/404\.html$ /<%= bucket %>/404.html break;
+            rewrite ^/$ /<%= bucket %>/index.html break;
+            rewrite ^/(.+)/$ /<%= bucket %>/$1/index.html break;
+            rewrite ^/(.+)$ /<%= bucket %>/$1 break;
+            proxy_pass http://object-storage.objectstorage-system.svc.cluster.local;
+            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;
+            error_page 404 = @spa;
+        }
+
+        location @spa {
+            rewrite ^(.*)$ /<%= bucket %>/index.html break;
+            proxy_pass http://object-storage.objectstorage-system.svc.cluster.local;
+        }
+
+        location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot|json)$ {
+            rewrite ^/(.+)$ /<%= bucket %>/$1 break;
+            proxy_pass http://object-storage.objectstorage-system.svc.cluster.local;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            expires max;
+            log_not_found off;
+        }
+    }
+
+    sendfile on;
+}