Introduzione al pannello di gestione siti web di ServBay

ServBay offre un pannello di controllo potente e facile da usare, progettato per semplificare la gestione e l’operatività del tuo ambiente di sviluppo web locale. Questa guida ti accompagnerà alla scoperta del pannello di gestione siti, illustrando le aree principali, le funzionalità chiave e le modalità d’uso, per aiutare gli sviluppatori a configurare e gestire in modo efficiente i propri siti locali.

Panoramica del pannello

Il pannello di gestione siti web di ServBay è il centro operativo per tutti i tuoi progetti locali. Semplifica la configurazione di servizi complessi (come server web, certificati SSL, versioni dei linguaggi di programmazione) offrendo il massimo controllo tramite una moderna interfaccia grafica. Il pannello è strutturato in tre sezioni principali:

1. Area elenco siti: visualizza tutti i progetti locali aggiunti in ServBay.
2. Area dettagli sito: mostra informazioni dettagliate e stato di configurazione del sito selezionato.
3. Pulsanti di controllo: posizionati nell’elenco e nei dettagli, consentono di gestire agevolmente il ciclo di vita e le azioni frequenti sui siti.

Dettaglio delle aree principali del pannello

Area elenco siti

L’area elenco siti si trova nella parte sinistra del pannello, mostrando in modo compatto tutti i siti locali aggiunti. Da qui puoi avere una panoramica rapida, selezionare e gestire ogni progetto in dettaglio.

Colonne principali:

• Nome sito: il nome che hai assegnato al progetto, utile per riconoscerlo a colpo d’occhio.
• Indicatore di stato: mostra lo stato attuale del servizio del sito (ad esempio: attivo, fermo, errore di configurazione), differenziato tramite colori o icone.
• Dominio/porta: mostra il dominio locale (ad esempio servbay.demo) e la porta utilizzata per l’accesso via HTTP/HTTPS. Facendo clic sul dominio puoi aprire direttamente il sito nel browser.
• Directory principale: percorso fisico dei file del sito, normalmente si consiglia una sottocartella della directory predefinita di ServBay /Applications/ServBay/www.

Pulsanti azione rapida:

Accanto a ciascun sito nell’elenco, troverai pulsanti per controlli immediati:

• Avvia/Arresta: per avviare o fermare rapidamente il servizio web di quel sito.
• Elimina: per rimuovere la configurazione del sito da ServBay (quest’azione non cancella i file reali, solo la configurazione interna).

Area dettagli sito

Selezionando un sito nell’elenco, nella parte destra del pannello vengono mostrati tutti i dettagli e le opzioni di configurazione: questa è la schermata dedicata alla gestione approfondita.

Informazioni e configurazioni principali:

• Info di base:
  • Nome sito: denominazione del sito.
  • Dominio: dominio locale utilizzato per accedere; ServBay lo aggiungerà automaticamente al file hosts di sistema.
  • Directory principale: percorso dei file del sito.
  • Protocollo: protocolli supportati (HTTP, HTTPS).
  • Porta: porta in ascolto del sito.
  • Server web: tipo di web server abbinato al sito (ad esempio Caddy, Nginx, Apache). Puoi selezionare server diversi per ciascun sito.
• Dettagli configurazione: include molteplici opzioni avanzate, ideali per diversi scenari di sviluppo:
  • Configurazione SSL/TLS: gestisci le impostazioni HTTPS. ServBay consente di generare e gestire con fiducia certificati SSL locali tramite la User CA interna o CA pubbliche, oltre a supportare certificati validi tramite ACME (come Let's Encrypt) per test reali o accesso pubblico.
  • Proxy inverso: configura il proxy delle richieste su specifici percorsi verso altri servizi locali (ad esempio applicazioni Node.js, API, ecc.). Essenziale per proxy di backend API o app non gestite direttamente da server web.
  • Configurazione CORS: imposta facilmente gli header CORS per risolvere problemi di cross-origin tipici dello sviluppo locale.
  • Selezione versione linguaggi/runtime: ServBay supporta molteplici versioni di PHP, Node.js, Python, Go, Java. Da qui scegli le versioni di PHP, Node.js ecc. per il sito, garantendo l’ambiente giusto per ciascun progetto.
  • Variabili ambiente: imposta variabili di ambiente specifiche per il processo del sito.
  • Configurazione aggiuntiva: aggiungi direttive custom alla configurazione del web server.
• Visualizzazione log: accedi rapidamente ai log di accesso (Access Log) e di errore (Error Log) del sito, utilissimi per debugging e analisi delle prestazioni.

Pulsanti di controllo

I pulsanti di controllo permettono di gestire rapidamente le operazioni più comuni. Possono trovarsi sia accanto all’elenco che nell’area dettagli.

Nell’elenco siti (azioni rapide):

• Avvia: avvia il servizio web del sito selezionato.
• Arresta: ferma il servizio web del sito selezionato.

Nell’area dettagli (ulteriori azioni):

• Apri in IDE: apre rapidamente la directory principale del sito nel tuo IDE o editor predefinito.
• Apri sito: apre l’indirizzo del sito nel browser di default del sistema.
• Visualizza log: accede direttamente ai file di log di accesso o errore, facilitando il monitoraggio live o la consultazione storica.
• Avvia/Arresta/Riavvia: gestisce il ciclo di vita del servizio web del sito. Il riavvio è solitamente richiesto dopo modifiche di configurazione.
• Elimina: rimuove la configurazione del sito da ServBay.

Funzionalità principali e scenari d’uso

Il pannello di gestione siti non è solo un riepilogo di informazioni, ma il cuore delle potenzialità di ServBay:

• Gestione multi-lingua e multi-versione: assegnazione rapida di versioni diverse di PHP (5.x - 8.x), Node.js (LTS, Current), Python, Go, Java ad ogni progetto, prevenendo conflitti tra versioni.
• Scelta flessibile del server web: seleziona Caddy (con HTTPS automatico), Nginx o Apache a seconda delle esigenze del progetto, unendo flessibilità e semplicità.
• HTTPS locale semplice: abilita HTTPS sui siti locali con un solo clic, sfruttando certificati emessi dalla User CA di ServBay o CA pubbliche. Questo risolve le problematiche HTTPS nello sviluppo locale, soprattutto per testare PWA o API che richiedono contesto sicuro.
• Configurazione proxy inverso: indirizza facilmente le richieste front-end verso backend locali in sviluppo (ad esempio servizi basati su Express, Django, Spring Boot, ecc.).
• CORS configurabile in pochi clic: risolvi velocemente i problemi CORS nello sviluppo front-end/back-end separato.
• Gestione centralizzata dei log: accedi, visualizza e monitora facilmente i log di accesso ed errore, accelerando il debugging.

Operazioni comuni e casi d’uso

1. Aggiunta di un nuovo sito: clicca su “Aggiungi sito”, inserisci nome, dominio, directory principale, scegli web server e versione linguaggio per creare velocemente il progetto.
2. Modifica configurazione sito: seleziona il sito dall’elenco; nell’area dettagli modifica le impostazioni (come versione PHP, regole di proxy, certificato SSL) e salva. Potrebbe essere necessario riavviare il servizio per applicare i cambiamenti.
3. Risoluzione errori sito: nella scheda dettagli clicca su “Visualizza log” per controllare i file di log e individuare facilmente eventuali problematiche.
4. Accesso rapido ai file o apertura nel browser: sfrutta i pulsanti “Apri in IDE” e “Apri sito” dall’area dettagli per lavorare e testare in pochi clic.

Note importanti

• Si consiglia di organizzare tutte le directory dei siti sotto una struttura unificata, ad esempio in /Applications/ServBay/www/.
• Dopo modifiche alle configurazioni, di solito è necessario un riavvio del servizio per applicare i cambiamenti.
• L’eliminazione di una configurazione sito non cancella i file di progetto: puoi procedere senza preoccupazioni.

Conclusione

Il pannello di gestione siti di ServBay, grazie alla sua chiara suddivisione e agli intuitivi pulsanti di controllo, offre una soluzione completa ed efficiente per la gestione dei siti web locali. Dai processi basilari come avvio/arresto, fino alla configurazione di SSL, proxy inversi e ambienti multi-versione, il pannello soddisfa la maggior parte delle necessità dello sviluppo web. Imparare a usare il pannello di ServBay ti permetterà di aumentare notevolmente l’efficienza e la comodità del tuo sviluppo locale, potendo così dedicarti di più al codice e meno alla gestione dell’ambiente.