Electron și Tauri sunt două framework-uri populare pentru crearea de aplicații desktop folosind tehnologii web. Ambele le permit dezvoltatorilor să utilizeze HTML, CSS, JavaScript și framework-uri frontend moderne pentru a crea aplicații pentru macOS, Windows și Linux. Totuși, acestea adoptă abordări fundamental diferite în ceea ce privește modul în care rulează aplicațiile respective.
Electron include Chromium și Node.js în fiecare aplicație, oferind un motor de browser și un mediu de execuție uniforme pe toate sistemele de operare. Tauri adoptă o abordare mai ușoară, folosind componenta webview existentă a sistemului de operare alături de un backend bazat pe Rust. Această diferență arhitecturală influențează dimensiunea aplicației, utilizarea memoriei, performanța, securitatea, compatibilitatea și productivitatea dezvoltatorilor.
Tauri este adesea prezentat ca o alternativă mai modernă și mai ușoară la Electron. Deși are avantaje reale, în special în privința dimensiunii aplicației și a consumului de resurse, Electron rămâne o alegere solidă pentru multe tipuri de software desktop. Aplicații importante precum Visual Studio Code, Slack, Discord, Notion și Figma folosesc Electron. La WebCatalog, am ales, de asemenea, Electron ca bază pentru aplicațiile noastre desktop multiplatformă.
Așadar, ce framework ar trebui să alegeți? Înțelegerea compromisurilor este mai utilă decât declararea unuia dintre ele drept câștigător.
Electron vs. Tauri pe scurt
Înainte de a explora diferențele tehnice, iată cum se compară cele două framework-uri în privința unor caracteristici importante.
| Caracteristică | Electron | Tauri |
|---|---|---|
| Motor de browser | Chromium inclus în pachet | Componenta webview a sistemului |
| Backend | Node.js | Rust |
| Dimensiunea aplicației | În general, mai mare | În general, mai mică |
| Consum de memorie de bază | În general, mai ridicat | În general, mai scăzut |
| Uniformitate între platforme | Ridicată | Variază în funcție de platformă |
| Ecosistem JavaScript | Suport extins pentru Node.js | JavaScript pentru frontend, API-uri native prin pluginuri și comenzi |
| Model de securitate | Sandboxing Chromium, izolarea contextului, IPC | Backend Rust, capabilități, IPC |
| Platforme desktop | macOS, Windows, Linux | macOS, Windows, Linux |
| Suport pentru dispozitive mobile | Fără suport oficial | Android și iOS |
| Cel mai potrivit pentru | Aplicații desktop complexe, dependente de Chromium | Aplicații ușoare și utilitare cu integrare nativă |
Aceste diferențe provin în principal dintr-o singură decizie arhitecturală: includerea unui motor de browser în pachet sau utilizarea celui furnizat de sistemul de operare.
Arhitectură: Chromium inclus în pachet vs. componentele webview ale sistemului
Cea mai mare diferență dintre Electron și Tauri este modul în care redau conținutul web. Electron include propriul motor Chromium, ceea ce înseamnă că aplicațiile folosesc, în esență, aceeași tehnologie de browser pe macOS, Windows și Linux. Dezvoltatorii se pot baza pe o anumită versiune de Chromium și pe API-urile web pe care aceasta le acceptă, indiferent de sistemul de operare instalat de utilizatori.
Tauri folosește, în schimb, componenta webview furnizată de fiecare sistem de operare. Acest lucru reduce semnificativ cantitatea de software care trebuie inclusă într-o aplicație, dar înseamnă și că aceeași aplicație poate rula pe motoare de browser diferite, în funcție de platformă.
| Platformă | Electron | Tauri |
|---|---|---|
| macOS | Chromium | WKWebView (WebKit) |
| Windows | Chromium | WebView2 (Chromium) |
| Linux | Chromium | WebKitGTK |
| Android | Fără suport oficial | Android WebView |
| iOS | Fără suport oficial | WKWebView |
Pentru aplicațiile cu interfețe simple, aceste diferențe pot avea un impact practic redus. Majoritatea framework-urilor frontend moderne funcționează bine atât cu Chromium, cât și cu WebKit. Totuși, aplicațiile care se bazează pe anumite API-uri de browser, pe un comportament complex de randare sau pe funcționalități web avansate pot întâmpina probleme de compatibilitate.
Cu Electron, dezvoltatorii pot testa folosind o versiune cunoscută de Chromium și pot distribui aceeași versiune utilizatorilor. Cu Tauri, trebuie să țină cont de diferențele dintre motoarele de browser și de posibilele versiuni diferite ale componentelor webview ale sistemului. Acest lucru devine deosebit de important la depanarea problemelor care apar doar pe anumite sisteme de operare sau distribuții Linux.
Niciuna dintre abordări nu este în mod inerent superioară. Tauri reduce duplicarea folosind software-ul deja instalat pe computer, în timp ce Electron acceptă o dimensiune mai mare a aplicației în schimbul unui control sporit și al unei uniformități mai mari.
Dimensiunea aplicației, utilizarea memoriei și performanța
Unul dintre cele mai evidente avantaje ale Tauri este dimensiunea aplicației. Deoarece Electron include Chromium și Node.js, chiar și aplicațiile Electron relativ simple pot ocupa sute de megaocteți de spațiu pe disc. Aplicațiile Tauri pot fi considerabil mai mici, deoarece se bazează pe componenta webview a sistemului, în loc să includă un motor de browser complet în pachetul aplicației.
Tauri poate avea și un consum de memorie de bază mai redus, în special în cazul aplicațiilor ușoare, cu procesare minimă în fundal. Backendul său Rust este eficient și evită necesitatea unui mediu de execuție de browser separat, inclus în pachet. Pentru utilitare mici, instrumente de luat notițe și aplicații cu interfețe relativ simple, aceste avantaje pot fi semnificative.
Totuși, aplicațiile mai mici nu sunt neapărat și mai rapide. Atât Electron, cât și Tauri folosesc, în cele din urmă, motoare de browser pentru a-și reda interfețele, iar performanța frontendului depinde în continuare în mare măsură de codul aplicației. O componentă React ineficientă, o operație JavaScript costisitoare sau o pierdere de memorie vor rămâne o problemă indiferent de framework.
Există, de asemenea, o distincție importantă între dimensiunea aplicației și consumul total de resurse. Tauri nu elimină motorul de browser; pur și simplu folosește unul furnizat de sistemul de operare. Pe Windows, acest lucru înseamnă utilizarea WebView2, disponibil în general pe instalările moderne de Windows. Pe macOS și Linux, înseamnă utilizarea implementărilor WebKit respective.
Pentru o comparație relevantă a performanței, dezvoltatorii ar trebui să măsoare:
- Dimensiunea aplicației: Dimensiunea descărcării și spațiul ocupat pe disc după instalare.
- Timpul de pornire: Cât de repede devine aplicația interactivă.
- Utilizarea memoriei în repaus: Consumul de memorie atunci când aplicația este deschisă, dar inactivă.
- Utilizarea memoriei și a procesorului în activitate: Consumul de resurse în timpul unor sarcini de lucru realiste.
- Capacitatea de răspuns: Performanța randării și latența în timpul interacțiunilor utilizatorului.
Rezultatele vor depinde de aplicație. Tauri are adesea un avantaj în cazul aplicațiilor ușoare, în timp ce mediul Chromium uniform oferit de Electron poate facilita testarea și optimizarea aplicațiilor complexe pe mai multe platforme.
Experiența dezvoltatorilor și securitatea
Electron are un avantaj semnificativ pentru echipele care au deja experiență cu JavaScript și TypeScript. Integrarea sa cu Node.js oferă acces la un ecosistem matur de biblioteci pentru operații cu sistemul de fișiere, comunicații în rețea, baze de date, procese în fundal și funcționalități ale sistemului de operare. Dezvoltatorii pot crea aplicații desktop sofisticate fără a introduce neapărat un alt limbaj de programare în ansamblul lor de tehnologii.
Tauri folosește Rust pentru backendul său nativ, ceea ce oferă performanță excelentă, siguranță a memoriei și garanții solide la compilare. Dezvoltatorii își pot construi în continuare interfețele folosind React, Vue, Svelte sau alte framework-uri JavaScript, iar Tauri oferă pluginuri și API-uri JavaScript pentru multe operații native uzuale.
Totuși, implementarea unor funcționalități care nu sunt acoperite de aceste API-uri poate necesita scrierea de cod Rust sau de cod specific platformei. Pentru echipele deja familiarizate cu Rust, acest lucru poate reprezenta un avantaj. Pentru echipele care lucrează în principal cu TypeScript, poate adăuga complexitate.
Securitatea este un alt domeniu în care cele două framework-uri adoptă abordări diferite. Tauri oferă un sistem de permisiuni bazat pe capabilități, conceput pentru a restricționa operațiile native pe care le poate accesa codul frontend. Electron oferă sandboxing Chromium, izolarea contextului și mecanisme de control pentru limitarea accesului la Node.js și la alte API-uri privilegiate.
Ambele framework-uri pot sta la baza unor aplicații sigure atunci când sunt configurate corect și ambele pot expune utilizatorii la vulnerabilități atunci când dezvoltatorii acordă permisiuni excesive sau gestionează nesigur conținutul care nu este de încredere.
O diferență importantă privește actualizările de securitate. Dezvoltatorii Electron sunt responsabili pentru actualizarea mediului de execuție Chromium inclus în pachet și pentru distribuirea unor versiuni noi ale aplicației atunci când devin disponibile remedieri de securitate. Tauri se bazează, în general, pe actualizările sistemului de operare sau ale furnizorului componentei webview pentru corecțiile de securitate ale motorului de browser. Acest lucru reduce unele responsabilități de întreținere ale dezvoltatorilor de aplicații, deși disponibilitatea actualizărilor depinde de sistemul de operare al utilizatorului și de componenta webview instalată.
În cele din urmă, securitatea depinde mai mult de modul în care o aplicație este proiectată și întreținută decât de framework-ul pe care îl folosește. Alegerea Tauri nu face automat o aplicație sigură, la fel cum alegerea Electron nu o face automat nesigură.
De ce marile companii continuă să folosească Electron
În ciuda criticilor frecvente privind dimensiunea aplicațiilor și consumul de resurse, Electron rămâne o alegere populară pentru produse software importante. Unele dintre cele mai utilizate aplicații desktop sunt construite cu Electron, demonstrând că arhitectura sa poate susține software complex folosit de milioane de oameni.
Printre exemple se numără:
| Companie | Aplicație |
|---|---|
| Microsoft | Visual Studio Code |
| Salesforce | Slack |
| Discord | Discord |
| Notion | Notion |
| Figma | Figma |
| Signal | Signal Desktop |
| GitHub | GitHub Desktop |
| OpenAI | ChatGPT Desktop |
Aceste aplicații au scopuri foarte diferite, de la dezvoltare software și comunicare până la design și productivitate. Ceea ce au în comun este nevoia de a oferi experiențe desktop sofisticate, valorificând în același timp tehnologiile web.
Electron oferă un ecosistem matur, un mediu de execuție Chromium uniform și posibilitatea de a combina interfețe web cu funcționalități native ale sistemului de operare. Adoptarea sa pe scară largă înseamnă și că dezvoltatorii pot beneficia de ani de documentație, biblioteci open-source, instrumente de depanare și soluții pentru probleme uzuale.
Pentru aplicațiile mari, productivitatea dezvoltării și ușurința întreținerii pot fi mai importante decât minimizarea dimensiunii pachetului de instalare. O sută de megaocteți în plus pe disc poate fi un compromis acceptabil dacă reduce complexitatea dezvoltării multiplatformă și face aplicația mai ușor de întreținut.
Acest lucru nu înseamnă că Electron este întotdeauna alegerea potrivită și nici că toate companiile l-au ales din aceleași motive. Totuși, utilizarea sa continuă în aplicații importante aflate în producție arată că Electron rămâne o opțiune practică și consacrată, nu o tehnologie învechită pe care dezvoltatorii ar trebui să o înlocuiască automat.
Puteți explora mai multe exemple în galeria oficială de aplicații Electron.
De ce alegem Electron la WebCatalog
La WebCatalog, folosim Electron pentru a crea aplicații desktop multiplatformă și considerăm că rămâne framework-ul potrivit pentru cerințele noastre specifice.
WebCatalog le permite utilizatorilor să transforme site-uri web în aplicații desktop, să rămână conectați independent la mai multe conturi și să își organizeze aplicațiile pe macOS, Windows și Linux. Spre deosebire de o aplicație desktop convențională, în care dezvoltatorii controlează frontendul și îl pot optimiza pentru un anumit mediu, noi trebuie să asigurăm compatibilitatea cu o mare varietate de site-uri web pe care nu le controlăm.
Aceste site-uri pot folosi sisteme de autentificare, mecanisme de stocare, funcții multimedia, API-uri de browser și framework-uri JavaScript diferite. Un site care funcționează corect în Chromium se poate comporta diferit în WebKit, iar menținerea compatibilității cu mai multe motoare de browser ar adăuga provocări de dezvoltare.
Mediul de execuție Chromium uniform oferit de Electron ne ajută să evităm o mare parte din această complexitate. Ne permite să oferim un mediu de browser previzibil pe toate platformele desktop acceptate, în loc să ne bazăm pe componente webview diferite ale sistemului.
Electron oferă, de asemenea, API-uri mature pentru gestionarea sesiunilor de browser, a cookie-urilor, a stocării, a permisiunilor și a navigării. Capacitățile sale de partiționare a sesiunilor sunt deosebit de valoroase pentru WebCatalog, deoarece le permit utilizatorilor să mențină mai multe sesiuni de autentificare independente pentru același site web.
Tauri poate afișa și site-uri web de la distanță, iar funcționalități similare pot fi implementate folosind API-urile sale webview, pluginuri sau integrări specifice platformei. Diferența este că Electron oferă o bază mai uniformă pentru aplicațiile construite în jurul funcționalităților de browser, mai ales atunci când acestea trebuie să accepte o gamă nedeterminată de servicii terțe.
Suportul pentru Linux consolidează acest avantaj. Distribuțiile Linux diferă semnificativ în privința bibliotecilor de sistem disponibile, a mediilor desktop și a versiunilor software. Mediul de execuție Chromium inclus în Electron elimină o sursă majoră de variație, în timp ce aplicațiile Tauri trebuie să țină cont de mediul WebKitGTK disponibil pe fiecare distribuție acceptată.
Această uniformitate are un cost. Aplicațiile Electron sunt mai mari, iar dezvoltatorii trebuie să gestioneze cu atenție consumul de resurse. La WebCatalog, căutăm în permanență modalități de a reduce acest consum suplimentar. De exemplu, am introdus clone APFS pentru a reduce spațiul pe disc ocupat de aplicațiile Mac generate, demonstrând că unele dintre dezavantajele Electron pot fi abordate fără a renunța la framework.
Decizia noastră nu se bazează pe convingerea că Electron este în mod universal mai bun decât Tauri. Ea se bazează pe cerințele produsului nostru. Pentru WebCatalog, compatibilitatea cu site-urile web, comportamentul uniform pe toate sistemele de operare și capacitățile mature de gestionare a sesiunilor sunt mai valoroase decât minimizarea dimensiunii aplicației.
Unde are Tauri avantajul
În ciuda preferinței noastre pentru Electron la WebCatalog, există multe situații în care Tauri poate fi alegerea mai bună. Pentru utilitarele desktop ușoare, pachetele de aplicații mai mici și consumul de resurse de bază mai redus reprezintă avantaje convingătoare. Aplicațiile care afișează în principal propriul frontend, au cerințe relativ simple privind funcționalitățile native și nu depind de un anumit motor de browser pot beneficia substanțial de arhitectura Tauri.
Tauri este atractiv și pentru dezvoltatorii care preferă Rust sau doresc să partajeze logica nativă a aplicației între platforme. Începând cu Tauri 2, framework-ul oferă suport oficial pentru Android și iOS, pe lângă sistemele de operare desktop. În schimb, Electron este conceput în principal pentru dezvoltarea de aplicații desktop și nu oferă suport oficial pentru platformele mobile.
Un alt aspect de luat în considerare este întreținerea. Mediul de execuție uniform oferit de Electron simplifică testarea compatibilității, dar le impune și dezvoltatorilor de aplicații să întrețină și să actualizeze versiunile Chromium incluse în pachet. Tauri deleagă o parte mai mare din această responsabilitate sistemului de operare, ceea ce poate reduce efortul de întreținere pentru anumite aplicații. Totuși, dezvoltatorii ar putea fi nevoiți să depună eforturi suplimentare pentru a testa diferite implementări webview și a rezolva probleme specifice platformelor.
Costul total al dezvoltării contează mai mult decât orice rezultat individual al unui test de performanță. Un framework care economisește memorie, dar necesită semnificativ mai multă muncă de dezvoltare, poate să nu fie cea mai eficientă alegere pentru o anumită echipă. În mod similar, distribuirea unui mediu de execuție Chromium voluminos pentru un utilitar simplu poate fi inutilă atunci când Tauri poate îndeplini aceeași sarcină cu mai puține resurse.
Electron vs. Tauri: ce ar trebui să alegeți?
Ambele framework-uri permit crearea de aplicații desktop pentru producție, dar sunt optimizate pentru priorități diferite.
| Prioritatea dumneavoastră | Punct de plecare mai potrivit | De ce |
|---|---|---|
| Dimensiune redusă la descărcare și instalare | Tauri | Folosește componenta webview a sistemului |
| Consum de resurse de bază redus | Tauri | Backend nativ ușor |
| Randare uniformă pe toate platformele desktop | Electron | Include același motor Chromium |
| Integrare extinsă cu Node.js | Electron | Mediu de execuție Node.js încorporat |
| Funcționalități native bazate pe Rust | Tauri | Rust este limbajul principal al backendului |
| Afișarea unei game nedeterminate de site-uri terțe | Electron | Mediu Chromium previzibil |
| Gestionarea complexă a sesiunilor de browser | Electron | API-uri mature pentru sesiuni și partiționare |
| Dezvoltare pentru desktop și dispozitive mobile | Tauri | Suport oficial pentru desktop și dispozitive mobile |
| Testare minimă a compatibilității între browsere | Electron | Un motor uniform pe toate platformele desktop |
Acestea sunt recomandări generale, nu reguli absolute. Electron poate fi folosit pentru a crea aplicații eficiente, iar Tauri poate sta la baza unor produse software sofisticate. Alegerea mai bună depinde de cerințele produsului și de experiența existentă a echipei.
Pentru echipele care creează aplicații desktop sofisticate, ecosistemul consacrat al Electron și rezultatele sale dovedite merită luate serios în considerare. Adoptarea sa de către Microsoft, Slack, Discord și alți dezvoltatori software importanți demonstrează că framework-ul poate satisface cerințe exigente de producție.
În același timp, Tauri oferă o alternativă convingătoare pentru proiectele care prioritizează fișiere binare mai mici, un consum de resurse de bază mai redus, integrarea cu Rust sau dezvoltarea comună pentru desktop și dispozitive mobile.
Considerații finale
Dezbaterea Electron vs. Tauri este adesea redusă la o comparație simplă: Electron este mare, iar Tauri este mic. Dar distincția mai relevantă este între un mediu de execuție uniform, inclus în pachet, și un framework ușor, care se integrează cu componentele webview furnizate de sistem.
Electron prioritizează uniformitatea între platforme, integrarea cu ecosistemul JavaScript și controlul extins asupra funcționalităților de browser. Tauri prioritizează pachete de aplicații mai mici, execuție nativă eficientă și o integrare mai strânsă cu componentele webview ale sistemului de operare.
La WebCatalog, am ales Electron, la fel cum au făcut multe companii software importante pentru aplicațiile lor desktop. Apreciem ecosistemul său matur, mediul de execuție Chromium uniform și funcționalitățile extinse de browser. Aceste avantaje ne ajută să construim și să întreținem un produs compatibil cu o gamă largă de site-uri web pe mai multe sisteme de operare.
Acest lucru nu face din Tauri o alegere proastă. Pentru utilitare ușoare sau aplicații cu cerințe diferite, avantajele sale le pot depăși pe cele ale Electron.
Cel mai bun framework nu este neapărat cel cu cel mai mic fișier executabil sau cu cel mai redus consum de memorie. Este cel care permite echipei dumneavoastră să creeze, să întrețină și să îmbunătățească aplicația cât mai eficient.
