[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-fr-drawdb":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"slug":7,"slugs":8,"categorySlugs":9,"name":13,"description":14,"phase":15,"unavailableReason":16,"docsUrl":17,"logo":16,"github":16,"tagline":18,"longDescription":19,"features":20,"useCases":27,"steps":37,"faq":53,"specs":69,"compatibleOs":77,"relatedApps":78,"relatedPosts":79,"category":81},"drawdb",{"fr":7,"en":7,"ar":7},{"fr":10,"en":11,"ar":12},"developpement","development","التطوير","DrawDB","Éditeur de diagrammes entité-relation (ERD) open source hébergeable sur votre VPS — modélisez vos tables visuellement et exportez le DDL SQL pour MySQL, PostgreSQL, SQLite, MariaDB ou SQL Server.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Fheberger-drawdb-vps","Éditeur de schéma de BDD open source — modélisez vos tables et exportez le SQL en quelques secondes.","DrawDB est un éditeur de diagrammes entité-relation (ERD) open source (AGPL-3.0, 39 k+ étoiles) hébergeable sur votre VPS. Dessinez vos tables, définissez vos relations de clés étrangères et générez des scripts DDL SQL pour MySQL, PostgreSQL, SQLite, MariaDB ou SQL Server — entièrement dans le navigateur, sans base de données côté serveur.",[21,22,23,24,25,26],"Éditeur de tables visuel — Créez des tables, ajoutez des colonnes avec leurs types, contraintes (PK, FK, NOT NULL, UNIQUE, DEFAULT) et index sur un canevas par glisser-déposer. DrawDB valide la cohérence des clés étrangères en temps réel.","Export SQL multi-dialectes — Générez le DDL pour MySQL, PostgreSQL, SQLite, MariaDB et SQL Server depuis le même diagramme en un clic. Sélectionnez le dialecte cible au moment de l'export — la même modélisation alimente tous vos environnements.","Import de SQL existant — Collez vos instructions CREATE TABLE et DrawDB reconstruit automatiquement le diagramme ERD correspondant — relations FK comprises. Idéal pour documenter une base héritée ou visualiser un schéma inconnu.","Relations FK visuelles — Tracez une ligne entre deux colonnes pour créer une FOREIGN KEY. DrawDB dessine les flèches de cardinalité, gère les règles ON DELETE et ON UPDATE et valide l'existence des colonnes référencées.","Export PNG \u002F SVG \u002F JSON — Enregistrez le diagramme en image haute résolution pour votre documentation ou en JSON pour le committer dans Git. Réimportez le JSON à tout moment pour reprendre l'édition là où vous aviez laissé.","Aucune base de données côté serveur — L'état est géré dans le localStorage du navigateur. Le conteneur Nginx ne traite aucune donnée — il se contente de servir les fichiers statiques. ~30 Mo d'image Docker, quelques mégaoctets de RAM au repos.",[28,31,34],{"title":29,"body":30},"Conception d'un schéma avant la première migration","Avant d'écrire la première migration Laravel ou Django, modélisez vos entités dans DrawDB. Vous obtenez un diagramme visuel à partager avec votre équipe et un script DDL généré instantanément à coller dans votre fichier de migration. DrawDB valide la cohérence des clés étrangères au dessin, évitant les dépendances circulaires ou les références orphelines avant qu'elles n'atteignent votre base de données.",{"title":32,"body":33},"Documentation d'un schéma existant","Collez les CREATE TABLE de votre base existante dans DrawDB : il reconstruit le graphe d'entités en quelques secondes. Exportez en PNG et intégrez l'image à votre wiki ou README. Quand le schéma évolue, mettez à jour le JSON et régénérez — la documentation reste synchronisée sans maintenance manuelle de diagramme.",{"title":35,"body":36},"Revue de schéma et intégration des juniors","Partagez votre instance DrawDB avec les développeurs juniors. Ils visualisent les relations entre tables, comprennent les contraintes d'intégrité référentielle et soumettent leurs propositions de schéma en JSON que les seniors comparent et relisent. Il remplace les photos de tableau blanc par un artefact interactif et versionnable.",[38,41,44,47,50],{"title":39,"body":40},"Commander un VPS ServOrbit","Un plan 1 vCPU \u002F 512 Mo de RAM sur Ubuntu 24.04 suffit. DrawDB est une application statique servie par Nginx : elle consomme quelques mégaoctets au repos et ne requiert aucune base de données côté serveur. Elle cohabite sans difficulté avec d'autres conteneurs sur n'importe quel VPS de 1 Go.",{"title":42,"body":43},"Déploiement en un clic depuis la marketplace","Ouvrez votre panneau de contrôle ServOrbit, allez dans Marketplace → Développement → DrawDB, et cliquez sur Déployer. Docker tire l'image `ghcr.io\u002Fdrawdb-io\u002Fdrawdb:latest` et démarre Nginx. L'interface est accessible en moins de 10 secondes — aucun assistant de configuration, aucun fichier à éditer.",{"title":45,"body":46},"Créer votre premier diagramme ERD","L'interface s'ouvre sur un canevas vide. Cliquez sur « Ajouter une table » pour créer votre première entité, nommez-la et ajoutez vos colonnes (nom, type, nullable, valeur par défaut). Définissez la PRIMARY KEY avec l'icône clé. Répétez pour chaque table de votre schéma. Utilisez la grille et les options d'accrochage pour garder le diagramme lisible.",{"title":48,"body":49},"Définir les relations et exporter le SQL","Activez l'outil « Relation » dans la barre d'outils et tracez une ligne entre deux colonnes pour créer une FOREIGN KEY. DrawDB affiche un dialogue pour configurer le comportement ON DELETE et ON UPDATE. Quand le modèle est complet, cliquez sur Exporter → SQL, choisissez votre dialecte (MySQL, PostgreSQL, SQLite, MariaDB ou SQL Server) et copiez le DDL généré dans votre fichier de migration ou console de base de données.",{"title":51,"body":52},"Se connecter la première fois","DrawDB n'a pas de système d'authentification : l'interface est directement accessible après déploiement. Si un domaine est attaché, ouvrez `https:\u002F\u002Fvotre-domaine` — le reverse proxy et HTTPS sont déjà en place. Sans domaine, aucun accès public n'est disponible : ouvrez un tunnel SSH (`ssh -L 3060:127.0.0.1:3060 root@\u003Cvotre-ip>`) et accédez à `http:\u002F\u002Flocalhost:3060` (3060 est le port du catalogue — utilisez le port affiché dans votre espace client).",[54,57,60,63,66],{"q":55,"a":56},"Qu'est-ce que DrawDB ?","DrawDB est un éditeur de diagrammes entité-relation (ERD) open source (AGPL-3.0, ~39 k étoiles). Il permet de modéliser visuellement des tables de base de données, de définir des relations de clés étrangères et d'exporter des scripts DDL SQL pour MySQL, PostgreSQL, SQLite, MariaDB et SQL Server — entièrement dans le navigateur, sans installation ni compte.",{"q":58,"a":59},"DrawDB stocke-t-il mes données côté serveur ?","Non. DrawDB conserve l'état du diagramme dans le localStorage de votre navigateur. Le conteneur Nginx ne traite aucune donnée et ne transmet rien à un tiers. Pour persister votre schéma entre navigateurs ou postes, exportez le fichier JSON et committez-le dans Git ou stockez-le sur votre VPS.",{"q":61,"a":62},"Quels dialectes SQL DrawDB peut-il générer ?","DrawDB génère du DDL pour MySQL, PostgreSQL, SQLite, MariaDB et Microsoft SQL Server. Sélectionnez le dialecte dans le menu Exporter → SQL avant de copier le script. Le DDL inclut les CREATE TABLE avec types de colonnes, NOT NULL, PRIMARY KEY, FOREIGN KEY et DEFAULT.",{"q":64,"a":65},"Puis-je importer un schéma SQL existant ?","Oui. Collez vos instructions CREATE TABLE dans la fonction d'import SQL de DrawDB. Il reconstruit automatiquement le diagramme correspondant, relations FK comprises. Idéal pour documenter une base de données héritée ou visualiser un schéma inconnu.",{"q":67,"a":68},"DrawDB nécessite-t-il un nom de domaine ?","Non. DrawDB fonctionne sans domaine : l'interface est accessible directement sur le port 3060 de votre VPS. Pour un accès distant sans exposer ce port, ouvrez un tunnel SSH (`ssh -L 3060:127.0.0.1:3060 root@\u003Cvotre-ip>`) et accédez à `http:\u002F\u002Flocalhost:3060`.",{"ram":70,"cpu":71,"stack":72,"port":76},"512 Mo","1 vCPU",[73,74,75],"Docker","Nginx","React","3060",[],[],[80],"heberger-drawdb-vps",{"key":10,"slug":10,"name":82,"objective":83,"icon":84,"color":85},"Développement","Démarrer rapidement un projet logiciel.","dev","text-warning bg-warning\u002F10",1787581051000]