Construire un tableau de bord OSINT en temps réel avec Next.js et MapLibre
Découvrez comment Osiris, une plateforme de renseignement open-source, utilise WebGL et Next.js pour visualiser des flux de données mondiaux tels que le suivi des vols, l'activité sismique et la vidéosurveillance.
Dans le monde de la visualisation de données et de la connaissance situationnelle, des outils comme Palantir ont longtemps défini la norme pour le renseignement de niveau entreprise. Cependant, la barrière à l'entrée pour construire des tableaux de bord similaires et performants a historiquement été massive. Voici Osiris, une plateforme de renseignement open-source (OSINT) qui apporte une surveillance mondiale de qualité professionnelle à la communauté des développeurs.
Qu'est-ce qu'Osiris ?
Osiris est un tableau de bord de renseignement en temps réel conçu pour agréger des flux de données disparates — allant de l'aviation commerciale et du trafic maritime à l'activité sismique et aux flux d'actualités en direct — dans une interface unique accélérée par GPU. Ce n'est pas seulement une carte ; c'est une boîte à outils de reconnaissance complète qui permet aux utilisateurs de basculer entre plus de 15 couches de renseignement, offrant une « vue d'ensemble » des événements mondiaux.
L'architecture : Pourquoi elle passe à l'échelle
À la base, Osiris est construit sur Next.js 16 et MapLibre GL. Le choix de MapLibre est ici critique ; en déchargeant le rendu de milliers d'entités simultanées (comme des avions ou des navires) sur le GPU via WebGL, l'application maintient une expérience fluide à 60 images par seconde qui, autrement, saturerait une bibliothèque de cartographie standard basée sur le DOM.
Points techniques clés :
- Rendu accéléré par GPU : En utilisant MapLibre, l'application rend les données cartographiques directement sur le GPU, permettant des visualisations à haute densité sans latence de l'interface utilisateur.
- Récupération de données sensible à la vue (Viewport) : Pour garder l'application légère, Osiris implémente une stratégie où les données sont récupérées à la demande en fonction de la vue actuelle de l'utilisateur et des couches actives. Cela évite une surcharge inutile de l'API.
- Routes API optimisées : Le backend utilise les routes API de Next.js pour agir comme un proxy pour divers fournisseurs externes (OpenSky, USGS, NASA, etc.), normalisant les données avant qu'elles n'atteignent le client.
La boîte à outils RECON
Au-delà de la simple visualisation, Osiris comprend une boîte à outils RECON intégrée. C'est là que le projet passe d'un « tableau de bord » à un utilitaire fonctionnel pour les développeurs et les chercheurs en sécurité. Elle comprend :
- Scan de ports : Scans de connexion TCP avec identification des services.
- DNS & WHOIS : Résolution complète des enregistrements et analyse de l'enregistrement de domaine.
- Scan de vulnérabilités : Recherches automatisées de CVE dans la base de données NVD.
Cette intégration permet à un utilisateur d'identifier un point d'intérêt sur la carte et d'effectuer immédiatement une reconnaissance sans changer de contexte.
Prise en main
Osiris est conçu pour être « fonctionnel dès la sortie de la boîte ». Bien que certaines fonctionnalités (comme le suivi de vol avancé) bénéficient de clés API, la plateforme de base est prête pour le développement local immédiatement.
Pour lancer votre propre instance, clonez le dépôt et installez les dépendances :
git clone https://github.com/simplifaisoul/osiris.git
cd osiris
npm install
npm run dev
Une fois lancé, accédez à http://localhost:3000. Vous pouvez ensuite configurer vos variables d'environnement dans un fichier .env.local pour débloquer des fournisseurs de données spécifiques :
OPENSKY_USERNAME=votre_nom_d_utilisateur
OPENSKY_PASSWORD=votre_mot_de_passe
N2YO_API_KEY=votre_cle
Pourquoi cela compte pour les développeurs
Osiris constitue une excellente étude de cas pour les développeurs intéressés par l'ingénierie des données géospatiales. Il démontre comment gérer des mises à jour de données à haute fréquence, gérer un état complexe à travers plusieurs couches de carte et construire une interface utilisateur performante qui ne sacrifie pas les détails pour la vitesse.
Que vous cherchiez à construire un outil de surveillance personnalisé pour votre propre infrastructure ou que vous souhaitiez simplement explorer comment intégrer des API disparates dans une interface cartographique unifiée et performante, le code source d'Osiris est une mine d'or de modèles pour les applications web modernes et riches en données.