Merge pull request #346 from JulianKniephoff/configurable-proxy-port

Make the port the client proxy proxies to configurable

README.md

@@ -62,7 +62,19 @@ Alternatively you can spin up a mock instance of the admin ui with:
 This uses mock data instead of a real Opencast. This means certain features will
 not work when using this mode.
 
+### Alternative ports
 
+The static file server and the proxy server serve their content
+on the port 5000. If this is used already (as it is on macOS)
+you can specify an alternative port in the `PORT` environment variable,
+for example:
+
+    PORT=5001 npm run proxy-server ...
+
+Note that you need to specify the same port when running the client,
+this time in the `PROXY_PORT` variable:
+
+    PROXY_PORT=5001 npm run client
 
 How to cut a release for Opencast
 ---------------------------------
@@ -111,4 +123,4 @@ Configuration
 -------------
 The Admin UI frontend cannot be directly configured. Rather, it adapts to the
 various configurations in the Opencast backend. TODO: Throw in some links to the
-docs, which ones?
+docs, which ones?

app/src/setupProxy.js

@@ -1,5 +1,7 @@
 const { createProxyMiddleware } = require("http-proxy-middleware");
 
+const port = process.env.PROXY_PORT || 5000;
+
 module.exports = function (app) {
     app.use(
         [
@@ -14,7 +16,7 @@ module.exports = function (app) {
             "/ui",
         ],
         createProxyMiddleware({
-            target: "http://localhost:5000",
+            target: `http://localhost:${port}`,
             changeOrigin: true,
         }),
     );