Add support prefixPath for web UI #4013

JiffsMaverick · 2022-11-24T19:25:06Z

JiffsMaverick
Nov 24, 2022

I use Seaweeds on one server. I use nginx to securely access web UI (master, volume, filer) using HTTP Basic Auth. I want to use one domain for this (I can't use subdomains), but in the current implementation, I can't do that. For example:

https://example.com/master - for master web UI
https://example.com/volume - for volume web UI
https://example.com/filer - for filer web UI

For my company, I made a hardcoded crutch in the code for this:

diff --git a/weed/server/filer_ui/breadcrumb.go b/weed/server/filer_ui/breadcrumb.go
index abb6cce..2812e9c 100644
--- a/weed/server/filer_ui/breadcrumb.go
+++ b/weed/server/filer_ui/breadcrumb.go
@@ -21,7 +21,7 @@ func ToBreadcrumb(fullpath string) (crumbs []Breadcrumb) {
 		}
 		crumb := Breadcrumb{
 			Name: name,
-			Link: "/" + util.Join(parts[0:i+1]...),
+			Link: "/filer/" + util.Join(parts[0:i+1]...),
 		}
 		if !strings.HasSuffix(crumb.Link, "/") {
 			crumb.Link += "/"
diff --git a/weed/server/filer_ui/filer.html b/weed/server/filer_ui/filer.html
index ef9ef75..1e6d859 100644
--- a/weed/server/filer_ui/filer.html
+++ b/weed/server/filer_ui/filer.html
@@ -3,7 +3,7 @@
 <head>
     <title>SeaweedFS Filer</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/filer/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
     <style>
         body {
             padding-bottom: 128px;
@@ -81,7 +81,7 @@
 <div class="container">
     <div class="page-header">
         <h1>
-            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/seaweedfsstatic/seaweed50x50.png"></img></a>
+            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/filer/seaweedfsstatic/seaweed50x50.png"></img></a>
             SeaweedFS Filer
         </h1>
     </div>
@@ -115,7 +115,7 @@
             </div>
             {{ else }}
             <table width="100%" class="table table-hover">
-                {{ $path := .Path }}
+                {{ $path := print "/filer" .Path }}
                 {{ $showDirDel := .ShowDirectoryDelete }}
                 {{ range $entry_index, $entry := .Entries }}
                 <tr>
@@ -337,6 +337,7 @@
         }
         var url = basePath + encodeURIComponent(newName);
         var originPath = basePath + originName;
+        originPath = originPath.replace("/filer", "");
         url += '?mv.from=' + originPath;
         var xhr = new XMLHttpRequest();
         xhr.open('POST', url, false);
diff --git a/weed/server/master_ui/master.html b/weed/server/master_ui/master.html
index 2e37c3a..d1a1ea7 100644
--- a/weed/server/master_ui/master.html
+++ b/weed/server/master_ui/master.html
@@ -2,13 +2,13 @@
 <html>
 <head>
     <title>SeaweedFS {{ .Version }}</title>
-    <link rel="stylesheet" href="/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/master/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
 </head>
 <body>
 <div class="container">
     <div class="page-header">
         <h1>
-            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/seaweedfsstatic/seaweed50x50.png"></img></a>
+            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/master/seaweedfsstatic/seaweed50x50.png"></img></a>
             SeaweedFS <small>{{ .Version }}</small>
         </h1>
     </div>
diff --git a/weed/server/volume_server_ui/volume.html b/weed/server/volume_server_ui/volume.html
index de7f967..44bf46e 100644
--- a/weed/server/volume_server_ui/volume.html
+++ b/weed/server/volume_server_ui/volume.html
@@ -2,10 +2,10 @@
 <html>
 <head>
     <title>SeaweedFS {{ .Version }}</title>
-    <link rel="stylesheet" href="/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
-    <script type="text/javascript" src="/seaweedfsstatic/javascript/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="/volume/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
+    <script type="text/javascript" src="/volume/seaweedfsstatic/javascript/jquery-3.6.0.min.js"></script>
     <script type="text/javascript"
-            src="/seaweedfsstatic/javascript/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
+            src="/volume/seaweedfsstatic/javascript/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
     <script type="text/javascript">
         $(function () {
             var periods = ['second', 'minute', 'hour', 'day'];
@@ -30,7 +30,7 @@
 <div class="container">
     <div class="page-header">
         <h1>
-            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/seaweedfsstatic/seaweed50x50.png"></img></a>
+            <a href="https://github.com/seaweedfs/seaweedfs"><img src="/volume/seaweedfsstatic/seaweed50x50.png"></img></a>
             SeaweedFS <small>{{ .Version }}</small>
         </h1>
     </div>

But it looks terrible :) I hope you find time to implement a more adequate implementation of this function.

P.S.: And if you could also make a main page from which you could get to all the others (master, volume, filer) - it would be awesome!

chrislusf · 2022-11-24T19:46:46Z

chrislusf
Nov 24, 2022
Maintainer

Can you use different ports?

1 reply

JiffsMaverick Nov 25, 2022
Author

Unfortunately, I can't. Our company's security policy prohibits the use of any ports other than 443.

dforrest-es · 2023-10-01T06:19:14Z

dforrest-es
Oct 1, 2023

I am also interested in this feature, and I went a little further in my attempts by supporting context path settings (filer.ui.contextPath & master.ui.contextPath). However, I did not handle the volume UI (since I don't currently need it) yet. See the attached patches based off 3.57, a PR can be created if asked.

0001-context-path-for-filer-ui.patch
0002-context-path-for-master-ui.patch

2 replies

chrislusf Oct 1, 2023
Maintainer

Please create pr

dforrest-es Oct 3, 2023

Created: #4889

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Add support prefixPath for web UI #4013

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Add support prefixPath for web UI #4013

Uh oh!

Uh oh!

JiffsMaverick Nov 24, 2022

Replies: 2 comments · 3 replies

Uh oh!

chrislusf Nov 24, 2022 Maintainer

Uh oh!

JiffsMaverick Nov 25, 2022 Author

Uh oh!

Uh oh!

dforrest-es Oct 1, 2023

Uh oh!

chrislusf Oct 1, 2023 Maintainer

Uh oh!

dforrest-es Oct 3, 2023

JiffsMaverick
Nov 24, 2022

Replies: 2 comments 3 replies

chrislusf
Nov 24, 2022
Maintainer

JiffsMaverick Nov 25, 2022
Author

dforrest-es
Oct 1, 2023

chrislusf Oct 1, 2023
Maintainer