Electron ist das beliebteste, aber es gibt noch ein paar weitere JavaScript-Frameworks für Desktop-Apps. Und es gibt einige signifikante Unterschiede zwischen ihnen. Vergleichen Sie Electron mit seinen Alternativen und wählen Sie die beste Technologie für Ihr nächstes Projekt.
A QUICK SUMMARY – FOR THE BUSY ONES
TABLE OF CONTENTS
Vor nicht allzu langer Zeit war es unmöglich, eine Desktop-App mit JavaScript zu erstellen. Zum Glück sind diese Zeiten vorbei, und jetzt können JS-Entwickler ihr Wissen und ihre Erfahrung in der Webentwicklung nutzen, um Desktop-Anwendungen mit einem nativen Gefühl zu erstellen.
Wie immer ist es leichter gesagt als getan. Bei unseren Recherchen haben wir festgestellt, dass es viele Unklarheiten darüber gibt, wie JavaScript-Desktop-Apps sind wirklich gebaut und wie sie funktionieren. Es ist auch ziemlich schwierig, die richtigen Tools für ein Projekt zu finden.
Electron ist das beliebteste Framework, aber was ist mit Electron-Alternativen?
Suchen Sie nicht weiter, wir haben diese Arbeit für Sie erledigt.
In diesem Artikel schauen wir uns die 5 bekanntesten JavaScript-Frameworks für Desktop-Apps genauer an.
Electron ist ein Open-Source-Framework, das ursprünglich 2013 von GitHub für den Atom-Editor entwickelt wurde. Mit dieser Bibliothek können Sie Desktop-GUI-Anwendungen mit Webtechnologien wie JavaScript, HTML und CSS erstellen.
Eine mit Electron erstellte App verhält sich wie eine Web-App, aber es kann Daten im Dateisystem des Computers lesen und schreiben.
Es gibt viele beliebte Desktop-Apps auf dem Markt, die mit Electron erstellt wurden, zum Beispiel Skype für Linux oder ein fantastisches Produktivitätstool Serene, an deren Aufbau wir mitgewirkt haben.
Der große Vorteil dieser Lösung besteht darin, dass kein JavaScript-Webentwickler neue Technologien oder Sprachen lernen muss, um eine Desktop-App zu erstellen.
<span class="colorbox1" fs-test-element="box1"><p>Hinweis: Die Electron-App verwendet normalerweise die Geschäftslogik, das Design und die allgemeine Struktur einer Web-App wieder</p></span>.
Dies ist eine großartige Möglichkeit, Zeit und Geld auf Geschäfts- und Entwicklungsseite zu sparen.
Wenn Sie ein JavaScript-Entwickler sind, müssen Sie ein paar relativ einfache Dinge über die Funktionsweise von Electron und seine API lernen. Sie werden höchstwahrscheinlich in wenigen Tagen in der Lage sein, Ihre erste Electron-Desktop-Anwendung einzurichten.
Electron ist ein ausgereifte Technologie mit einer wachsenden Community und sorgt somit für eine hervorragende Produktionsumgebung. Dank des Chromium Engine-UI-Renderings erhalten Sie Zugriff auf Tools wie Developer Tools und Storage Access.
Schauen wir uns nun verschiedene Electron-Alternativen an.
Schauen wir uns 4 weitere Frameworks für Desktop-Apps genauer an.
Das nächste auf unserer Liste der besten JavaScript-Frameworks für Desktop-Apps ist NW.js, früher bekannt als Node-Webkit.
Es wurde im Open Source Technology Center von Intel entwickelt, indem das Node.js Framework mit einer Chromium-Engine (früher bekannt als Webkit) kombiniert wurde.
Dank der Kombination aus Node.js und Chromium können Sie eine App erstellen, die nicht nur eine lokale Website in ein Anwendungsfenster lädt, sondern auch über die JavaScript-API eine Verbindung zum Betriebssystem herstellt.
<span class="colorbox1" fs-test-element="box1"><p>Hinweis: Mit dieser Lösung können Sie Parameter wie Fensterabmessungen, Werkzeugleisten und Menüelemente steuern und den Zugriff auf die lokalen Computerdateien ermöglichen.</p></span>
NW.js ist eigensinnig und gibt dir die Freiheit, Frameworks und Bibliotheken zu wählen die Sie für ein Projekt verwenden möchten.
Es ermöglicht das Aufrufen von Node.js Modulen direkt aus dem DOM, unterstützt alle Funktionen des Browsers, bietet einen JavaScript-Quellschutz und ist unter Linux, Mac OS und Windows verfügbar.
AppJS ist ein einfaches, aber leistungsstarkes Tool, mit dem Sie plattformübergreifende Apps erstellen können, ohne neue Sprachen lernen zu müssen. Ähnlich wie bei den anderen heute erwähnten Bibliotheken geht es Ihnen gut, solange Sie mit HTML, CSS und JavaScript vertraut sind.
Obwohl es das älteste Node.js-Chromium-Framework Im Trio AppJs, Electron und NW.js ist es bei weitem nicht so ausgereift wie seine Konkurrenz. Da es an Dynamik verloren hat, ist es möglicherweise nicht die beste Wahl für neue Projekte.
In AppJs erhalten Sie Folgendes:
Meteor ist eine weitere Electron-Alternative. Es bewirbt sich selbst als „das Der schnellste Weg, JavaScript-Apps zu erstellen“, eine „Open-Source-Plattform für Web, Handy und Desktop“. Dieses in Node.js geschriebene plattformübergreifende Framework kann für die Erstellung von Web-, Mobil- und Desktop-Anwendungen verwendet werden.
Obwohl es erstellt keine eigenen Desktop-Apps, es kann mit Cordova oder anderen ähnlichen Tools verwendet werden, um sie zu erstellen. Es verwendet MongoDB, Distributed Data Protocol und ein Publish-Subscribe-Muster, um die Änderungen automatisch ohne Eingreifen des Entwicklers zu übertragen.
<span class="colorbox1" fs-test-element="box1"><p>Wichtiger Tipp zum Mitnehmen: Meteor erstellt keine eigenen Desktop-Apps — es muss mit Cordova oder ähnlichen Tools verwendet werden</p></span>.
Es enthält sowohl Frontend- als auch Backend-Module, einschließlich der API, der Build-Tools und der Pakete Node.js.
Proton Native ist eine neue Version. Es wurde in den ersten Monaten des Jahres 2018 auf GitHub verfügbar gemacht. Wofür macht Proton Native Entwicklung von Desktop-Apps ist ähnlich dem, was React Native für Mobilgeräte getan hat.
Was es zu einem der besten JavaScript-Frameworks für Desktop-Apps macht, ist, dass Sie damit den Status verwalten und Benutzeroberflächen nahtlos erstellen können, während Sie dies plattformübergreifend tun.
Es funktioniert ganz anders als Electron, das einen vollständigen Chromium-Browser ausführt, um eine kleine GUI zu verwalten. Proton Native hingegen verwendet native Tools, benötigt weniger Platz und benötigt weniger Ressourcen.
Diese Lösung hat noch einige weitere Vorteile — sie verwendet dieselbe Syntax wie React Native, funktioniert mit React-Bibliotheken einschließlich Redux und ist mit Node.js kompatibel.
<span class="colorbox1" fs-test-element="box1"><p>Wichtiger Tipp zum Mitnehmen: Mit Proton Native können Entwickler den Status verwalten und Benutzeroberflächen nahtlos erstellen. Es verwendet native Tools, ist mit Node.js kompatibel und funktioniert mit React-Bibliotheken</p></span>.
Zusammenfassend lässt sich sagen, dass JavaScript-Frameworks für Desktop-Apps in drei Kategorien unterteilt werden können:
Es liegt an Ihnen, wofür Sie sich entscheiden, und es hängt in erster Linie von der Art des Projekts ab, das Sie entwickeln.
Ich hoffe, diese kurze Liste und Übersicht haben Ihnen geholfen, einen kurzen Blick auf jedes dieser Tools zu werfen und Ihnen die Entscheidung zu erleichtern, welche Lösung für Sie am besten geeignet ist.
Our promise
Every year, Brainhub helps 750,000+ founders, leaders and software engineers make smart tech decisions. We earn that trust by openly sharing our insights based on practical software engineering experience.
Authors
Read next
Popular this month