Formulaires & Déploiement (Front)

1. Formulaires (Signal Forms)

Angular 20 fournit les Signal Forms, une API expérimentale remplaçant les Reactive Forms. Le modèle est un Signal, form() construit l’arbre, et le template lie via [field].

export class AgentFormPage {
  readonly model = signal({ name: "", endpoint: "" });
  readonly agentForm = form(
    this.model,
    schema((s) => {
      required(s.name);
      required(s.endpoint);
    }),
  );

  submit() {
    if (this.agentForm().invalid()) return;
    // ... logic
  }
}

Note

Pour le détail complet de la stratégie de tests (Vitest pour les composants/services, Playwright pour les pages et organisation de tests/), consultez la page Stratégie de Tests & Conventions (Front).

2. Déploiement

2.1 static-web-server

Le runtime utilise static-web-server:2.44-alpine. Les fichiers sont servis comme assets immuables avec un fallback sur index.html pour la SPA.

2.2 Reverse Proxy

Le reverse proxy (Traefik/Caddy) doit router /api et /ws vers le serveur Berth API et gérer le TLS. static-web-server ne proxyfie pas les requêtes vers l’API.