Passer au contenu principal

Excalidraw : Un Outil de Dessin Collaboratif et Intuitif

Introduction à Excalidraw

Excalidraw est un outil de dessin en ligne qui a gagné en popularité grâce à son interface simple et intuitive. Il permet aux utilisateurs de créer des diagrammes, des schémas, des wireframes et bien plus encore, avec une sensation de dessin à la main. Ce qui distingue Excalidraw des autres outils de dessin, c'est son approche minimaliste et son accent sur la collaboration en temps réel.

Excalidraw est open-source, ce qui signifie que son code source est accessible à tous, permettant aux développeurs de contribuer à son amélioration ou de l'adapter à leurs besoins spécifiques. Il est particulièrement apprécié pour sa simplicité d'utilisation et sa capacité à produire des dessins qui ressemblent à des croquis faits à la main, ajoutant une touche personnelle et organique aux créations.

Utilisation en Ligne ou Auto-Hébergement

Excalidraw offre deux principales options pour son utilisation : en ligne via son site web officiel ou en auto-hébergement.

  1. Utilisation en Ligne : La manière la plus simple d'utiliser Excalidraw est de se rendre sur son site web officiel. Cette option ne nécessite aucune installation et permet de commencer à dessiner immédiatement. C'est idéal pour les utilisateurs occasionnels ou ceux qui souhaitent collaborer rapidement avec d'autres personnes.

  2. Auto-Hébergement : Pour ceux qui préfèrent avoir un contrôle total sur leurs données ou qui souhaitent intégrer Excalidraw dans leur propre infrastructure, l'auto-hébergement est une excellente option. Cela permet également d'utiliser Excalidraw sans dépendre d'une connexion Internet, ce qui peut être crucial pour certaines organisations.

Tutoriel pour Auto-Héberger Excalidraw

Auto-héberger Excalidraw peut sembler intimidant au premier abord, mais le processus est relativement simple si vous suivez ces étapes :

Prérequis :

  • Un serveur avec Node.js et npm installés.
  • Un accès SSH à votre serveur.
  • Un nom de domaine pointant vers votre serveur (optionnel mais recommandé).

Étapes :

Installer les Dépendances :
  • Connectez-vous à votre serveur via SSH.
  • Assurez-vous que Node.js et npm sont installés. Vous pouvez les installer en utilisant les commandes suivantes (pour une distribution basée sur Debian) :
sudo apt update
sudo apt install nodejs npm
Cloner le Dépôt Excalidraw :
  • Clonez le dépôt GitHub d'Excalidraw sur votre serveur :
git clone https://github.com/excalidraw/excalidraw.git
cd excalidraw
Installer les Dépendances du Projet :
  • Installez les dépendances nécessaires en exécutant :
npm install
Construire le Projet :
  • Construisez le projet pour préparer les fichiers nécessaires à l'exécution :
npm run build
Lancer le Serveur :
  • Une fois la construction terminée, vous pouvez lancer le serveur Excalidraw en utilisant :
npm start
  • Par défaut, le serveur écoutera sur le port 3000. Vous pouvez accéder à Excalidraw en naviguant vers http://votre_serveur:3000 dans votre navigateur web.
Configurer un Proxy Inverse (Optionnel) :
  • Pour rendre Excalidraw accessible via un nom de domaine et sécuriser la connexion avec HTTPS, vous pouvez configurer un proxy inverse avec Nginx ou Apache. Voici un exemple de configuration pour Nginx :
server {
    listen 80;
    server_name votre_domaine.com;

    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
  • Après avoir configuré Nginx, vous pouvez utiliser Certbot pour obtenir un certificat SSL et sécuriser votre site.
Maintenir à Jour :
  • Pour maintenir votre instance d'Excalidraw à jour, vous pouvez périodiquement tirer les dernières modifications du dépôt GitHub et reconstruire le projet :
git pull
npm run build

En suivant ces étapes, vous devriez avoir une instance auto-hébergée d'Excalidraw prête à l'emploi. Cela vous permettra de profiter de toutes les fonctionnalités d'Excalidraw tout en ayant un contrôle total sur vos données et votre infrastructure.

Déployer Excalidraw sur ProxmoxVE

Un script réalisé par la communauté permet de déployer Excalidraw en quelques clics sur votre serveur Proxmox.

Exécutez la commande suivante dans le shell de votre instance ProxmoxVE :

bash -c "$(curl -fsSL https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/ct/excalidraw.sh)"

https://community-scripts.github.io/ProxmoxVE/scripts?id=excalidraw

Port par défaut : 3000

Aucun commentaire à afficher

Retour en haut