De Express-app serveert nu zelf de gebouwde Vite-frontend op / met een SPA-fallback naar index.html; de aparte nginx-container is vervallen. Bedoeld voor self-hosting op een Raspberry Pi: één image, één origin, geen interne proxy en geen CORS tussen frontend en API. Docker - Nieuwe multi-stage Dockerfile in de root met targets test, development en production; frontend/Dockerfile, frontend/nginx-spa.conf en backend/Dockerfile verwijderd - docker-compose.yml: alleen app + postgres, app publiceert APP_PORT (standaard 3400) naar containerpoort 3001 - docker-compose.dev.yml: dev-container draait API (node --watch) en de Vite dev-server samen via docker/dev-entrypoint.sh, hot reload intact - .dockerignore, .env.example, .gitignore en .gitattributes toegevoegd Backend - express.static + SPA-fallback op STATIC_DIR (default /app/public), met immutable caching voor gehashte assets en no-store voor index.html - Rate limiting alleen nog op /api — statische bestanden liepen anders na 200 requests tegen de limiet aan - Helmet CSP toegespitst op wat de frontend laadt (Google Fonts, inline styles, base64-avatars); upgrade-insecure-requests uit voor intern http - Schema-init verplaatst naar initDb(), niet meer bij import van db.js Tests en CI/CD - backend/test/app.test.js: 11 tests (node --test) voor API-routes, SPA-fallback, cache- en security-headers, zonder database - test.ps1 / test.sh: backend-tests, productiebuild en smoketest op de echte app + postgres stack - azure-pipelines.yml: Test -> Build (incl. smoketest) -> Publish (multi-arch amd64 + arm64, alleen op main/master of een tag) Scripts en documentatie - dev.ps1/dev.sh met targets app en postgres, acties logs en test; dev.ps1 up wist de dev-database niet langer (alleen dev.ps1 down) - release.ps1/release.sh bouwen één image voor amd64 + arm64 en draaien de testsuite vóór het publiceren - README.md en BEHEER.md bijgewerkt voor de nieuwe structuur Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
81 lines
3.8 KiB
Docker
81 lines
3.8 KiB
Docker
# ╔══════════════════════════════════════════════════════════════════════════╗
|
|
# ║ VibeFinance — één app-image: Express API + gebouwde Vite-frontend ║
|
|
# ║ ║
|
|
# ║ Targets: ║
|
|
# ║ test backend-tests (npm test, geen database nodig) ║
|
|
# ║ development API (node --watch) + Vite dev-server, hot reload ║
|
|
# ║ production API die de statische build op / serveert ║
|
|
# ╚══════════════════════════════════════════════════════════════════════════╝
|
|
|
|
# ── Stage 1: frontend dependencies ────────────────────────────────────────────
|
|
FROM node:22-alpine AS frontend-deps
|
|
WORKDIR /build/frontend
|
|
COPY frontend/package.json frontend/package-lock.json* ./
|
|
RUN npm install && npm cache clean --force
|
|
|
|
# ── Stage 2: frontend bouwen (Vite → dist) ────────────────────────────────────
|
|
FROM frontend-deps AS frontend-build
|
|
ARG VITE_API_URL=/api
|
|
ARG VITE_APP_VERSION=dev
|
|
ENV VITE_API_URL=$VITE_API_URL
|
|
ENV VITE_APP_VERSION=$VITE_APP_VERSION
|
|
COPY frontend/ ./
|
|
RUN npm run build
|
|
|
|
# ── Stage 3: backend dependencies ─────────────────────────────────────────────
|
|
FROM node:22-alpine AS backend-deps
|
|
WORKDIR /app
|
|
COPY backend/package.json backend/package-lock.json* ./
|
|
RUN npm install && npm cache clean --force
|
|
|
|
# ── Stage 4: productie-dependencies (zonder devDependencies) ──────────────────
|
|
FROM backend-deps AS backend-prod-deps
|
|
RUN npm prune --omit=dev
|
|
|
|
# ── Stage 5: tests (backend, zonder database) ─────────────────────────────────
|
|
FROM backend-deps AS test
|
|
WORKDIR /app
|
|
ENV NODE_ENV=test
|
|
COPY backend/ ./
|
|
CMD ["npm", "test"]
|
|
|
|
# ── Stage 6: development (API + Vite samen, hot reload) ───────────────────────
|
|
FROM node:22-alpine AS development
|
|
WORKDIR /app
|
|
ENV NODE_ENV=development
|
|
COPY --from=backend-deps /app/node_modules ./node_modules
|
|
COPY --from=frontend-deps /build/frontend/node_modules ./frontend/node_modules
|
|
COPY backend/ ./
|
|
COPY frontend/ ./frontend/
|
|
COPY docker/dev-entrypoint.sh /usr/local/bin/dev-entrypoint.sh
|
|
RUN chmod +x /usr/local/bin/dev-entrypoint.sh
|
|
# 5173 = Vite dev-server (browser), 3001 = API
|
|
EXPOSE 5173 3001
|
|
CMD ["/usr/local/bin/dev-entrypoint.sh"]
|
|
|
|
# ── Stage 7: production (minimale image) ──────────────────────────────────────
|
|
FROM node:22-alpine AS production
|
|
LABEL maintainer="VibeFinance"
|
|
ARG APP_VERSION=dev
|
|
ENV NODE_ENV=production
|
|
ENV APP_VERSION=$APP_VERSION
|
|
|
|
RUN addgroup -S appgroup && adduser -S appuser -G appgroup
|
|
WORKDIR /app
|
|
|
|
COPY --from=backend-prod-deps /app/node_modules ./node_modules
|
|
COPY backend/package.json ./
|
|
COPY backend/src/ ./src/
|
|
# De frontend-build wordt door de backend geserveerd (config.STATIC_DIR)
|
|
COPY --from=frontend-build /build/frontend/dist ./public/
|
|
|
|
RUN chown -R appuser:appgroup /app
|
|
USER appuser
|
|
|
|
EXPOSE 3001
|
|
|
|
HEALTHCHECK --interval=30s --timeout=5s --start-period=15s --retries=3 \
|
|
CMD wget -qO- http://localhost:3001/api/health || exit 1
|
|
|
|
CMD ["node", "src/server.js"]
|