Support dynamic api doc server address

cloud-barista · Oct 2, 2024 · bddc152 · bddc152
2 parents a7422f7 + fba2db9
commit bddc152
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/redoc-swagger.html b/redoc-swagger.html
@@ -93,8 +93,15 @@
 
         console.log('Starting to fetch YAML');
 
+        const protocol = window.location.protocol;
+        const hostname = window.location.hostname;
+        const apiPort = '1323';
+        const apiDocPath = '/tumblebug/api/doc.yaml';
+        const apiDocUrl = `${protocol}//${hostname}:${apiPort}${apiDocPath}`;
+
+        console.log('API Document URL:', apiDocUrl);
         // Fetch the YAML file with authentication
-        fetch('http://localhost:1323/tumblebug/api/doc.yaml', {
+        fetch(apiDocUrl, {
             headers: {
                 'Authorization': authHeader
             }
@@ -114,7 +121,7 @@
 
             // Initialize Swagger UI (placed on the right side)
             const ui = SwaggerUIBundle({
-                url: 'http://localhost:1323/tumblebug/api/doc.yaml',
+                url: apiDocUrl,
                 dom_id: '#swagger-ui-container',
                 presets: [
                     SwaggerUIBundle.presets.apis,

diff --git a/swagger.html b/swagger.html
@@ -58,10 +58,16 @@
         const credentials = btoa(username + ':' + password);
         const authHeader = 'Basic ' + credentials;
 
-        console.log('Starting to fetch YAML');
+        const protocol = window.location.protocol;
+        const hostname = window.location.hostname;
+        const apiPort = '1323';
+        const apiDocPath = '/tumblebug/api/doc.yaml';
+        const apiDocUrl = `${protocol}//${hostname}:${apiPort}${apiDocPath}`;
+
+        console.log('API Document URL:', apiDocUrl);
 
         // Fetch the YAML file with authentication
-        fetch('http://localhost:1323/tumblebug/api/doc.yaml', {
+        fetch(apiDocUrl, {
             headers: {
                 'Authorization': authHeader
             }
@@ -81,7 +87,7 @@
 
             // Initialize Swagger UI
             const ui = SwaggerUIBundle({
-                url: 'http://localhost:1323/tumblebug/api/doc.yaml',
+                url: apiDocUrl,
                 dom_id: '#swagger-ui-container',
                 presets: [
                     SwaggerUIBundle.presets.apis,