Présentation du panneau de gestion de sites ServBay

ServBay propose un panneau de gestion local des sites web à la fois puissant et convivial, simplifiant considérablement la gestion et l’exploitation de vos environnements de développement web locaux. Ce guide détaillé vous aidera à prendre en main le panneau de gestion de ServBay, en explorant ses principales zones, ses fonctionnalités essentielles et leurs usages. L’objectif : permettre aux développeurs de configurer, exploiter et maintenir efficacement leurs sites web locaux.

Vue d’ensemble du panneau

Le panneau de gestion de sites ServBay est le centre de pilotage de tous vos projets web locaux. Il masque la complexité des configurations serveur (serveur web, certificats SSL, versions des langages…) et propose une interface graphique intuitive pour tout contrôler. Ce panneau est principalement composé des sections suivantes :

1. Zone de liste des sites : liste tous les projets de sites web ajoutés à ServBay.
2. Zone des détails du site : affiche les informations détaillées et l’état du site sélectionné.
3. Boutons de contrôle : présents près des listes et détails pour exécuter rapidement des actions courantes ou gérer le cycle de vie des sites.

Détail des principales zones du panneau

Zone de liste des sites

Située à gauche du panneau, cette zone affiche tous vos sites web locaux ajoutés. Vous pouvez rapidement parcourir l’ensemble de vos projets, puis sélectionner un site pour en afficher ou modifier les détails.

Colonnes principales :

• Nom du site : nom que vous avez donné au projet pour une identification rapide.
• Indicateur d’état : affiche l’état actuel du service du site (ex : en fonctionnement, arrêté, erreur de configuration…), généralement distingué par couleur ou icône.
• Domaine/Port : indique le domaine local accessible via HTTP/HTTPS (ex : servbay.demo) et le port d’écoute. Cliquer sur le domaine l’ouvre directement dans le navigateur.
• Répertoire racine : affiche le chemin physique des fichiers du site ; il est conseillé de placer vos sites dans un sous-dossier du dossier racine par défaut de ServBay /Applications/ServBay/www.

Boutons d’action rapide :

Chaque site listé possède des boutons pour un contrôle immédiat :

• Bouton démarrer/arrêter : pour lancer ou stopper rapidement le service web du site.
• Bouton supprimer : retire la configuration du site de ServBay (ne supprime pas les fichiers physiques, seulement la configuration).

Zone des détails du site

Après avoir sélectionné un site sur la gauche, la zone à droite affiche tous les détails et options de configuration pour ce site précis. C’est l’interface centrale pour un paramétrage approfondi.

Informations et paramètres essentiels :

• Informations de base :
  • Nom du site : nom attribué au site.
  • Domaine : domaine local pour accéder au site. ServBay l’ajoute automatiquement au fichier hosts du système.
  • Répertoire racine : chemin d’accès aux fichiers du site.
  • Protocole : protocoles supportés par le site (HTTP, HTTPS).
  • Port : port d’écoute du site.
  • Serveur web : type de serveur web employé (Caddy, Nginx, Apache). Vous pouvez affecter un serveur différent selon les sites.
• Détails de configuration : cette section regroupe les options avancées, couvrant de nombreux scénarios de développement :
  • Configuration SSL/TLS : gérez l’accès HTTPS au site. ServBay facilite l’obtention et la gestion des certificats SSL locaux (par User CA ServBay ou CA publique) et prend aussi en charge les certificats officiels via ACME (Let’s Encrypt), pour des tests ou ouverts au public.
  • Proxy inverse (Reverse Proxy) : routez certaines requêtes vers d’autres services locaux (ex : appli Node.js, services API, etc.), pratique pour les développements frontaux consommant des API ou des applications non hébergées directement par un serveur web.
  • Configuration CORS : ajoutez facilement les en-têtes CORS pour résoudre les problèmes de cross-origin lors du développement local.
  • Choix de la version des langages/Runtime : ServBay permet d’installer et de basculer entre différentes versions de PHP, Node.js, Python, Go, Java, etc. Attribuez la version requise à chaque site pour garantir la compatibilité de vos projets.
  • Variables d’environnement : injectez des variables spécifiques à chaque site pour son processus d’exécution.
  • Configuration additionnelle : ajoutez des instructions de configuration personnalisées au serveur web.
• Logs (Journaux) : accédez directement aux journaux d’accès (Access Log) et d’erreurs (Error Log) du site ; précieux pour le débogage ou l’analyse de performance.

Les boutons de contrôle

Ces boutons facilitent considérablement la gestion au quotidien des sites. Leurs emplacements varient selon le contexte (près de la liste ou dans la section détail).

Boutons de la liste des sites (actions rapides) :

• Démarrer : lance le service web du site sélectionné.
• Arrêter : arrête le service web du site sélectionné.

Boutons de la zone de détails du site (actions supplémentaires) :

• Ouvrir dans l’IDE : ouvre instantanément le répertoire racine du site avec votre IDE ou éditeur de code par défaut.
• Ouvrir le site : lance l’URL du site dans le navigateur par défaut du système.
• Afficher les journaux : ouvre en temps réel le journal d’accès ou d’erreur pour suivi et diagnostic.
• Démarrer/Arrêter/Redémarrer : contrôle complet du cycle de vie du service web pour le site affiché ; le redémarrage permet d’appliquer des modifications de configuration.
• Supprimer : retire la configuration du site de ServBay.

Fonctionnalités clés et cas d’usage

Le panneau de gestion va bien au-delà d’un simple affichage d’informations : c’est la porte d’entrée vers toute la puissance de ServBay :

• Gestion multi-langages/versions : affectez à chaque projet ses versions spécifiques de PHP (5.x à 8.x), Node.js (LTS ou Current), Python, Go, Java, etc., évitant tout conflit d’environnement.
• Choix flexible du serveur web : optez pour Caddy, Nginx ou Apache selon les besoins du projet. Caddy facilite le HTTPS automatique, tandis que Nginx et Apache offrent une grande souplesse de configuration.
• Prise en charge HTTPS local : activez en un clic le HTTPS pour vos sites locaux avec certificats émis par ServBay User CA ou une CA publique. Idéal pour tester PWA ou APIs nécessitant un contexte sécurisé.
• Configuration du proxy inverse : redirigez facilement les requêtes du frontend local vers les backends (Express, Django, Spring Boot, etc.), fluidifiant le développement full stack.
• Gestion simplifiée du CORS : résolvez aisément les scénarios de séparation frontend/backend lors du développement local.
• Centralisation des logs : surveillez et analysez facilement les accès et erreurs pour accélérer la détection de bugs.

Opérations courantes et exemples

1. Ajouter un nouveau site : cliquez sur « Ajouter un site », renseignez le nom, le domaine, le répertoire racine, choisissez le serveur web et la version du langage, et voilà !
2. Modifier la configuration d’un site : sélectionnez un site, effectuez les changements souhaités (ex : version PHP, ajout d’un proxy, activation du SSL), sauvegardez et redémarrez le site si nécessaire.
3. Déboguer un site : cliquez sur « Afficher les journaux » pour consulter les erreurs et diagnostiquer rapidement la source d’un problème.
4. Accéder rapidement à vos fichiers ou au site : servez-vous des boutons « Ouvrir dans l’IDE » et « Ouvrir le site » pour gagner du temps au quotidien.

Points d’attention

• Il est conseillé de centraliser les répertoires racines de vos sites, par exemple sous /Applications/ServBay/www/.
• Après modification d’une configuration, le redémarrage du service est généralement nécessaire pour appliquer les changements.
• La suppression de la configuration d’un site ne supprime jamais vos fichiers projet - manipulation sûre.

Conclusion

Le panneau de gestion de sites de ServBay, grâce à une structuration claire et des boutons d’action intuitifs, offre aux développeurs une solution locale efficace et pratique pour la gestion de sites web. De la gestion basique du cycle de vie des sites aux configurations complexes (SSL, proxy inverse, multi-version…), le panneau sert la majorité des besoins du développement web moderne. Maîtriser ServBay permet de maximiser votre productivité sur vos projets locaux, tout en limitant le temps passé sur la configuration d'environnement – afin que vous puissiez vous concentrer sur l’essentiel : le code.