os: Use caddy instead of backend to serve frontend SPA

Author: sonnyp

backend/src/service.js

@@ -47,10 +47,4 @@ app.get("/", async (req, res) => {
   return res.redirect(302, "/ps/node-red-v2/dashboard")
 })
 
-const path_spa = "/home/pi/PlanktoScope/frontend/dist"
-app.use("/", express.static(path_spa))
-app.get("/{*splat}", (req, res) => {
-  res.sendFile(path.join(path_spa, "index.html"))
-})
-
 app.listen(4000)

frontend/README.md

@@ -17,6 +17,8 @@ Start service for development:
 just dev
 ```
 
+Use `http://planktoscope-sponge-bob:3000/bookmarks` for preview.
+
 Run the code auto-formatter on the project:
 
 ```sh

os/caddy/Caddyfile

@@ -31,10 +31,22 @@
 		file_server
 	}
 
-	handle /* {
+	handle /api/* {
+		reverse_proxy localhost:4000
+	}
+
+	# We want exact path / to go to backend where we have a redirect
+	handle / {
 		reverse_proxy localhost:4000
 	}
 
+	# We want everyrthing else /* to frontend
+	handle /* {
+        root * /home/pi/PlanktoScope/frontend/dist
+        try_files {path} /index.html
+        file_server
+	}
+
 	# https://github.com/ecotaxa/ecotaxa_back/issues/64
 	handle_path /ecotaxa* {
 		@cors_preflight {

os/caddy/justfile

@@ -3,6 +3,7 @@ setup:
     sudo cp Caddyfile /etc/caddy/
     sudo systemctl reenable caddy
     sudo systemctl restart caddy
+    chmod o+x /home/pi
 
 format:
     caddy fmt --overwrite Caddyfile