feat(service): fixes #12 - mise en place du service http

Author: RustyRory

CHANGELOG.md

@@ -0,0 +1,21 @@
+# Changelog
+
+## [0.1.0] — 2026-04-27
+
+### Phase 1 — MVP : API Docker + Frontend minimal
+
+#### Added
+
+- Backend Node.js + Express servant les fichiers statiques et l'API REST
+- `GET /api/status` : liste tous les containers Docker avec nom, statut, image, ports et uptime
+- Connexion au socket Docker via `dockerode` (`/var/run/docker.sock`)
+- Calcul du `globalStatus` global (`OK` / `KO`) selon l'état des containers
+- Frontend statique vanilla (HTML + CSS + JS) sans framework ni build
+- Rafraîchissement automatique du dashboard toutes les 5 secondes
+- Indicateurs visuels par statut : vert (running), rouge (exited), orange (restarting)
+- `Dockerfile` basé sur `node:20-alpine`
+- Intégration dans le `docker-compose.yml` du VPS avec montage du socket Docker
+- Script `npm run dev` via `nodemon` pour le développement local
+- Pipeline CI GitHub Actions (`ci.yml`) : lint ESLint + tests Jest sur toutes les branches et PRs
+- Pipeline CD GitHub Actions (`staging.yml`) : déploiement automatique sur le VPS via SSH au push sur `staging`
+- Tests unitaires avec `jest` + `supertest` (mock du socket Docker)

vps-monitor-app/api/server.js

@@ -1,23 +1,30 @@
 const express = require('express');
 const path = require('path');
 const { getContainers } = require('./services/docker');
+const { checkWebsites } = require('./services/http');
 
 const app = express();
 
 const PORT = process.env.PORT;
 const URI = process.env.URI;
+const BASE_URL = process.env.BASE_URL || `http://localhost:${PORT}`;
 
 app.use(express.static(path.join(__dirname, '../public')));
 
 app.get('/api/status', async (req, res) => {
   try {
-    const containers = await getContainers();
+    const [containers, websites] = await Promise.all([
+      getContainers(),
+      checkWebsites(BASE_URL),
+    ]);
+
     const allRunning = containers.every((c) => c.status === 'running');
+    const allUp = websites.every((w) => w.status === 'OK');
 
     res.json({
       containers,
-      websites: [],
-      globalStatus: allRunning ? 'OK' : 'KO',
+      websites,
+      globalStatus: allRunning && allUp ? 'OK' : 'KO',
     });
   } catch (err) {
     res.status(500).json({ error: err.message });

vps-monitor-app/api/server.test.js

@@ -6,6 +6,12 @@ jest.mock('./services/docker', () => ({
   ]),
 }));
 
+jest.mock('./services/http', () => ({
+  checkWebsites: jest.fn().mockResolvedValue([
+    { name: 'SaintBarth Volley', url: '/saintbarthvolley/', httpCode: 200, status: 'OK' },
+  ]),
+}));
+
 const app = require('./server');
 
 describe('GET /api/status', () => {

vps-monitor-app/api/services/http.js

@@ -0,0 +1,40 @@
+const TIMEOUT_MS = 5000;
+
+const WEBSITES = [
+  { name: 'TP Vue',             path: '/B3dev-TP_VUE/' },
+  { name: 'SaintBarth Volley',  path: '/saintbarthvolley/' },
+  { name: 'Lucky7',             path: '/lucky7/' },
+  { name: 'College La Boussole', path: '/collegelaboussole/' },
+  { name: 'Cinemap',            path: '/cinemap/' },
+];
+
+async function checkWebsite(baseUrl, site) {
+  const url = `${baseUrl}${site.path}`;
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), TIMEOUT_MS);
+
+  try {
+    const res = await fetch(url, { signal: controller.signal });
+    return {
+      name: site.name,
+      url: site.path,
+      httpCode: res.status,
+      status: res.status === 200 ? 'OK' : 'DOWN',
+    };
+  } catch {
+    return {
+      name: site.name,
+      url: site.path,
+      httpCode: null,
+      status: 'DOWN',
+    };
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
+async function checkWebsites(baseUrl) {
+  return Promise.all(WEBSITES.map((site) => checkWebsite(baseUrl, site)));
+}
+
+module.exports = { checkWebsites };

vps-monitor-app/eslint.config.js

@@ -11,6 +11,10 @@ module.exports = [
         __dirname: 'readonly',
         process: 'readonly',
         console: 'readonly',
+        fetch: 'readonly',
+        AbortController: 'readonly',
+        setTimeout: 'readonly',
+        clearTimeout: 'readonly',
       },
     },
     rules: {