Come creare una GUI in HTML in cinque minuti senza Electron e sofferenze
Immagina una situazione: hai scritto un ottimo tool in C++, Go o Python. Funziona velocemente, calcola con precisione, ma usarlo attraverso il terminale è comodo solo per te. Un cliente o i colleghi chiedono un'interfaccia "normale". E poi inizia il mal di testa. Installare Qt? Troppo pesante e lungo da imparare. Scrivere in Electron? Dovresti trascinare centinaia di megabyte di Chromium e Node.js per un paio di pulsanti.
Recentemente mi sono imbattuto in WebUI. È una piccola libreria C che risolve il problema in modo elegante: trasforma qualsiasi browser installato sul sistema nella tua interfaccia grafica. Senza dipendenze inutili e binari enormi.
Qual è il trucco
L'idea principale di WebUI è che il browser è già un motore GUI pronto e perfettamente ottimizzato. Ogni utente ce l'ha già. Perché includere un'altra istanza di Chrome nella tua applicazione se puoi semplicemente connetterti a quella già installata?
A differenza di Tauri, WebUI non ti costringe a litigare con i componenti WebView di sistema (anche se esiste anche tale opzione). La libreria lancia semplicemente una sessione del browser in modalità applicazione e organizza un canale di comunicazione veloce tramite WebSocket.
Cosa c'è sotto il cofano
La libreria pesa solo pochi kilobyte. È un singolo file header facile da integrare in un progetto esistente. Ecco cosa mi ha colpito:
- Cross-platform. Funziona su Windows, Linux e macOS in modo ugualmente prevedibile.
- Supporto per tutti i browser popolari. Chrome, Firefox, Edge e persino Yandex.Browser vengono rilevati "al volo".
- Profili privati. Il programma non mescolerà i cookie della tua applicazione con i dati personali dell'utente nel browser.
- Portabilità. Non hai bisogno di installare SDK pesanti per compilare il progetto.
Come appare nel codice
Diamo un'occhiata a un classico "Hello World". In C appare quasi come uno script, nessuna magia e dump di codice:
#include "webui.h"
int main() {
size_t window = webui_new_window();
webui_show(window, "<html><script src=\"webui.js\"></script> Hello World! </html>");
webui_wait();
return 0;
}
Ecco un esempio in C++, dove tutto è avvolto in comodi oggetti:
#include "webui.hpp"
int main() {
webui::window my_window;
my_window.show("<html><script src=\"webui.js\"></script> Привет из C++! </html>");
webui::wait();
return 0;
}
Solo un paio di righe — e hai una finestra completa con contenuto HTML/CSS. Nel frattempo, il backend rimane nel tuo linguaggio preferito, che sia Python, Rust, Go o persino Pascal.
Confronto delle categorie di peso
Gli sviluppatori hanno fornito un'ottima tabella su GitHub, e mostra chiaramente perché WebUI è minimalismo. Se Electron richiede Chromium e Node.js all'interno del pacchetto, WebUI non richiede nulla tranne il browser stesso nel sistema. Questo risparmia RAM e spazio su disco. Anche le soluzioni WebView moderne come Tauri trascinano dipendenze come GTK o WebKitGTK su Linux, mentre WebUI apre semplicemente una finestra del browser.
A chi e quando sarà utile
Naturalmente, WebUI non sostituirà strumenti professionali complessi per interfacce dove conta la risposta in microsecondi. Ma ci sono molte situazioni in cui sarà un salvavita.
Se stai realizzando una piccola utility interna per l'azienda, WebUI ti aiuterà a mettere insieme un'interfaccia in Bootstrap o Tailwind in una serata. Per il prototyping, questa è praticamente l'opzione ideale: ti concentri sulla logica del backend, e il frontend viene disegnato come un normale sito web.
Un punto interessante — il supporto SSL/TLS. Se la tua applicazione ha bisogno di essere sicura, WebUI ti permette di abilitare il supporto OpenSSL con un semplice flag durante la compilazione.
Riepilogo
WebUI è un respiro di aria fresca per chi è stanco dei framework GUI pesanti. Il progetto si sta sviluppando attivamente, ha già oltre 4.000 stelle su GitHub e un sacco di wrapper per diversi linguaggi di programmazione.
Vale la pena provarlo se:
- Hai bisogno di una GUI veloce e bella, ma non hai tempo per imparare Qt.
- Non vuoi gonfiare la dimensione del binario a centinaia di megabyte.
- Il tuo sviluppatore frontend conosce HTML/JS, e tu conosci la programmazione di sistema.
Non lo consiglierei per giochi ad alto carico, ma per utility di sistema, dashboard e strumenti di configurazione — è praticamente la scelta ideale. Puoi iniziare con la documentazione ufficiale su webui.me, lì è tutto spiegato.
Progetti correlati