Oberfläche Bereitstellen

.gitignore

@@ -112,3 +112,4 @@ Temporary Items
 /ui/static/print.css*
 /ui/static/global.css*
 /ui/static/bundle.css*
+/ui/.svelte-kit/

compose.yml

@@ -7,7 +7,7 @@ services:
         environment:
             docker: "true"
         ports:
-      - 8090:80
+            - "8090:80"
         volumes:
             - ./api:/var/www
             - logs:/var/www/logs
@@ -20,13 +20,16 @@ services:
             DATABASES_USER: bruce
             DATABASES_PASS: mypass
         ports:
-      - 8091:80
+            - "8091:80"
         volumes:
             - ./api:/var/www
             - logs:/var/www/logs
     ui:
         build: ./ui/
+        env_file:
+            -   ui/.env
         ports:
-          - 80:80
+            - "8080:3000"
         depends_on:
             - api
+            - test-api

ui/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

ui/Dockerfile

@@ -1,3 +1,16 @@
-FROM httpd:2.4
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+RUN npm prune --production
 
-COPY ./public/ /usr/local/apache2/htdocs/
+FROM node:22-alpine
+WORKDIR /app
+COPY --from=builder /app/build build/
+COPY --from=builder /app/node_modules node_modules/
+COPY package.json .
+EXPOSE 3000
+ENV NODE_ENV=production
+CMD [ "node", "build" ]

ui/package.json

@@ -20,6 +20,7 @@
         "@sveltejs/adapter-auto": "^6.0.0",
         "@sveltejs/kit": "^2.16.0",
         "@sveltejs/vite-plugin-svelte": "^5.0.0",
+        "@sveltejs/adapter-node": "^5.2.12",
         "svelte": "^5.0.0",
         "svelte-check": "^4.0.0",
         "typescript": "^5.0.0",

ui/svelte.config.js

@@ -1,6 +1,10 @@
+import adapter from '@sveltejs/adapter-node';
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-    kit: {}
+    kit: {
+        adapter: adapter()
+    }
 };
 
 export default config;