Electron.js erleichtert die Entwicklung von Desktop-Apps erheblich. Schauen Sie sich die Beispiele von Apps an, die mit diesem leistungsstarken Open-Source-Framework erstellt wurden, und erfahren Sie, warum sich diese Unternehmen für Electron.js entschieden haben.
A QUICK SUMMARY – FOR THE BUSY ONES
Electron wird von mehreren Apps aufgrund seiner Funktionen ausgewählt. Zu den Beispielen gehören:
Unternehmen entscheiden sich für Electron für JavaScript-basierte plattformübergreifende Apps. Es bietet Vorteile wie die Erstellung von Desktop-Apps mithilfe von Webtechnologien, ermöglicht die plattformübergreifende Entwicklung für Mac, Windows und Linux und optimiert die plattformübergreifende Entwicklung.
TABLE OF CONTENTS
Wir sind alle Zeugen einer Revolution, in der das Erstellen von Apps und Websites von Tag zu Tag einfacher wird.
Electron-Apps sind definitiv Teil dieser Revolution. Wenn Sie sich fragen, ob Sie Electron-Apps selbst entwickeln möchten, analysieren Sie zunächst, welche Apps sie verwenden und warum.
Verschiedene Unternehmen profitierten in vielerlei Hinsicht von Electron. Der beste Weg, dieses JavaScript-Framework für Desktop-Apps zu verstehen, besteht darin, es in der Praxis zu sehen. Schauen wir uns also einige Beispiele genauer an.
Seien wir ehrlich — wir alle lieben Torrents, egal ob sie auf unseren Handy- oder Desktop-Bildschirm heruntergeladen werden.
Diese Art von Apps fühlt sich jedoch immer noch etwas veraltet und alt an, weshalb die Jungs von WebTorrent beschlossen haben, aktiv zu werden und Electron JS als grundlegendes Entwicklungsprogramm zu verwenden.
Das Ergebnis ist WebTorrent, der erster Torrent-Client, der im Browser funktioniert und eine, die vollständig in JavaScript geschrieben ist und WebRTC für den Peer-to-Peer-Transport verwendet.
Ohne dass Plugins, Erweiterungen oder Installationen erforderlich sind, verbindet WebTorrent den Benutzer mit einem dezentralen Browser-zu-Browser-Netzwerk, das eine effiziente Dateiübertragung gewährleistet.
Electron tritt mit der WebTorrent-Desktop-Version in Aktion und macht sie zu leicht, werbefrei und Open Source wie möglich. Außerdem unterstützt es das Streaming und fungiert als Hybrid-Client, der die App mit allen gängigen BitTorrent- und WebTorrent-Netzwerken verbindet.
Als wahrer König der Content-Management-Systeme hat WordPress eine Desktop-Version verdient, die zuverlässig und automatisiert ist. Dank Electron JS wurde es in die Liste der aufgenommen Desktop-Apps mit Electron — als Open-Source-Framework, das Benutzern bei der Verwaltung von WordPress-Inhalten hilft.
Wir alle kennen WordPress und das Starten über unsere Browser. WordPress für Desktop ist jedoch etwas völlig Neues — eine Desktop-App, die das Electron-Framework verwendet und eine nahtloses plattformübergreifendes Erlebnis, sodass sich die Benutzer auf ihren Inhalt und ihr Design konzentrieren können, ohne dass Browser-Tabs als Ablenkung dienen.
Lokal gehostet und mit minimalen Ladezeiten ist WordPress für Desktop eine Desktop-App, die Electron als Framework verwendet und JavaScript React als Hauptsprache in dieser neuen Desktop-Technologie verwendet.
Wenn Sie noch nie von Ghost gehört haben, sind Sie nicht der einzige. Im Grunde ist Ghost eine vollständige Open-Source-Plattform, mit der Benutzer moderne Online-Publikationen erstellen und ausführen können. Von Blogs über Zeitschriften bis hin zu Zeitschriften ist Ghost vollständig hackbar und hat einen echten Einfluss auf die Zukunft der Online-Medien.
Das liegt hauptsächlich an der einfacheren und gezielteren Erfahrung beim Schreiben, offensichtlich ein Produkt des JavaScript-Desktop-Frameworks und der anderen Technologien.
Apropos, Ghost for Desktop ist eine Desktop-App, die Electron JS verwendet und es Autoren ermöglicht, mehrere Blogs gleichzeitig zu verwalten und sich auf ihr Schreiben zu konzentrieren. Wenn Sie ein Autor sind, wissen Sie wahrscheinlich, dass einfache Dinge wie Abkürzungen beim Schreiben in einem Browser schwer zu realisieren. Die Ghost-Desktop-App macht es jedoch einfacher als je zuvor.
Mit JavaScript und Node.js Sowohl im Backend als auch im Frontend ist Ghost for Desktop eine der Apps, die auf Electron basieren und die ein besseres Nutzererlebnis bieten.
Suchen Sie einen zuverlässigen Peer-to-Peer-Webbrowser?
Falls ja, hast du es gerade gefunden. Beaker Browser ist ein partizipativer Browser für Hacker konzipiert. Ursprünglich als Produkt konzipiert, das gehackt werden kann, stellt Beaker Browser das Web in ein Open-Source-Format um und ermöglicht es Hackern, Moddern und Kreativen, das Beste aus ihren digitalen Fähigkeiten herauszuholen.
Das Open-Source-Software-Framework von Electron hat die Erstellung von Beaker erheblich vereinfacht. Als Toolkit für die Erstellung von Browsern unterstützte es den Entwurfsprozess. Dank dessen läuft die Electron-App mit minimale Iterationen und auf die beste Art möglich. Kurz gesagt, Beaker Browser ist ein Browser für Open-Source-Websites und eine Lösung, die Social Hacking einfacher und besser als je zuvor macht.
<span class="colorbox1" fs-test-element="box1"><p>Electron.js bietet eine niedrige Eintrittsbarriere und erleichtert die Suche nach Entwicklern. Finden Sie heraus, warum es sich lohnt, eine Desktop-App mit Electron zu erstellen: 5 Gründe, warum Sie eine Electron Desktop App benötigen.</p></span>
Für viele Autoren, Designer und Publizisten ist Pexels ein Lebensretter. Als Plattform, die Tausende von lizenzfreien Stockbildern bietet, musste sie definitiv verbessert werden. Und so wurde die Pexels-Desktop-App geboren, die offensichtlich mit dem Electron-Framework erstellt wurde.
Mit dieser App ist es einfacher denn je, ein Foto in die Zwischenablage zu kopieren — mit nur einem Klick. Anschließend können Sie das Foto in eine beliebige App einfügen und es als Archivbild für Ihren Artikel, Ihre Infografik oder Ihren Beitrag in sozialen Medien verwenden.
Keine Downloads bedeuten keine Probleme, und dank der Pexels Desktop-App ist es einfach, neue Fotos zu entdecken.
Eine weitere großartige App, die dieses JavaScript-Framework verwendet, ist die Slack-Desktop-App für macOS.
Es war gebaut mit dem Electron-Framework das kann leicht gesehen werden dank seiner schnellere Leistung und rahmenloser Look, im Gegensatz zum Browsererlebnis. Für viele Teams, die nach einer besseren Organisation oder einem fokussierteren Arbeitsbereich suchen, ist Slack für Desktop definitiv die richtige App.
Obwohl Slack für Desktop einen hybriden Ansatz verfolgt, werden die meisten Ressourcen und Codes remote geladen, wobei die Rendering-Engine von Chromium mit dem Laufzeit- und Modulsystem Node.js kombiniert wird.
Eine weitere beliebte Desktop-App, die ElectronJS verwenden, ist WhatsApp — die am häufigsten heruntergeladene Messenger-App.
Das Electron-Framework arbeitete weniger und bot mehr. Es half den WhatsApp-Entwicklern, alles mit einem einzigen Preis abzudecken und das Desktop-Erlebnis von WhatsApp durch ein optimierteres und revolutionierteres Framework — das Electron — abzudecken.
Es gibt wichtige Gründe, warum sich Unternehmen für die Entwicklung von Desktop-Apps mit Electron entschieden haben:
Auf der obersten Ebene sehen wir Mac, Windows und Linux. Das ist schon eine Menge. Aber auf einer tieferen Ebene gibt es mehrere Versionen dieser Systeme zusammen mit der neuesten Version von allen. Jedes hat seine Besonderheiten, und jedes, das noch verwendet wird, sollte bei der Produktentwicklung berücksichtigt werden. Außerdem hat jede Plattform ihre eigenen Macken.
Um diese Entwicklungsherausforderung zu bewältigen, müssen wir Spezialisten einstellen, was oft viel Zeit in Anspruch nimmt. Außerdem ist das Erstellen von drei spezifischen Apps ebenfalls ein langer Prozess. In vielen Fällen ist das aus geschäftlicher Sicht keine praktikable Lösung.
Electron ermöglicht es Unternehmen, die Markteinführungszeit zu verkürzen (plattformübergreifende Entwicklung) und Talente zu nutzen, die sie bereits haben oder relativ schnell einstellen können (mithilfe von Webtechnologien).
JavaScript-Entwickler, auch wenn sie nicht auf die Entwicklung von Electron-Apps spezialisiert sind, werden dies höchstwahrscheinlich schnell nachholen.
Die App-Entwicklung mit Electron verhindert Zeit- und Talentverschwendung.
<span class="colorbox1" fs-test-element="box1"><p>Technische Entscheidungen sollten unter Berücksichtigung des Geschäfts- und Produktkontextes getroffen werden. Electron ist eine Wahl, die die digitale Beschleunigung eines Unternehmens und die Erreichung seiner Geschäftsziele unterstützt.</p></span>
Dies ist ein Teil, der besonders für diejenigen interessant sein wird, die sich fragen, ob Electron gut zu ihrem nächsten Projekt passt.
Hier sind einige Fakten über Electron, die bei der Entscheidungsfindung hilfreich sein können.
Die Verwendung von Electron für plattformübergreifende Anwendungen ist eine hervorragende Wahl. Sie sollten jedoch die Tatsache berücksichtigen, dass Electron möglicherweise zu viel Ressourcen nutzt und die gesamte Laufzeit bündelt, was zu einer hohen Speicherauslastung und potenziellen Leistungseinbußen aufgrund eines übermäßigen Ressourcenverbrauchs führt.
Darüber hinaus erhöht die Einbeziehung aller Funktionen durch Electron die Dateigröße, was zu längeren Download- und Installationszeiten für Benutzer führt.
Schließlich ist es wichtig, sich auf eine stabile Version von Electron zu verlassen, um eine zuverlässige Grundlage für alle Funktionen zu gewährleisten, da ältere oder instabile Versionen Kompatibilitätsprobleme und Sicherheitslücken mit sich bringen können.
<span class="colorbox1" fs-test-element="box1"><p>Es gibt viele Mythen über die Leistung von Electron-Apps. Mit NAPI-RS, das Rust mit Node.js mischt, haben wir es von 800 ms auf 75 ms (einzelne Datei) reduziert. Erfahre, wie das geht: Die Leistung der Electron App — So optimieren Sie sie.</p></span>
Am Ende gibt es viele Gründe, Electron JS-Apps für den Desktop zu erstellen. Der wichtigste ist natürlich der schnelle Übergang zur Desktop-Umgebung, der Entwicklern ein nahtlos integriertes Erlebnis ermöglicht.
Mit einer verbesserten Laufzeit und einer großartigen Integration mit JavaScript und Node.js macht Electron JS sowohl das Entwerfen von Desktop-Apps als auch deren Wartung auf plattformübergreifenden Plattformen einfacher und besser.
Electron wird für die App-Entwicklung verwendet, weil es plattformübergreifende Kompatibilität bietet, vertraute Webtechnologien nutzt, die Wiederverwendbarkeit von Code ermöglicht, Zugriff auf native Funktionen bietet, über eine breite Palette von Bibliotheken und Tools verfügt, schnelles Prototyping ermöglicht und über eine unterstützende Entwickler-Community verfügt.
Einige Alternativen zu Electron zum Erstellen von Desktop-Apps umfassen NW.js, Flutter Desktop, Qt, Nativefier und Proton Native. Die beste Alternative hängt von den spezifischen Anforderungen und Vorlieben ab.
Electron eignet sich gut für die Erstellung plattformübergreifender Desktop-Anwendungen mithilfe von Webtechnologien. Es bietet Webentwicklern Vertrautheit, Zugriff auf native Funktionen, Wiederverwendbarkeit von Code, ein reichhaltiges Ökosystem, schnelles Prototyping und eine breite Akzeptanz.
Ja, Electron JS wird allgemein als gutes Framework für die Erstellung beliebiger Desktop-Anwendungen angesehen. Es bietet mehrere Vorteile:
Nein, Electron ist in erster Linie für die Erstellung von Desktop-Anwendungen und nicht für mobile Apps konzipiert. Electron konzentriert sich auf die Nutzung von Webtechnologien zur Erstellung plattformübergreifender Desktop-Apps, sodass sie mit den meisten Desktops aller Betriebssysteme kompatibel sind, z. B.: Windows, macOS und Linux.
Für die Entwicklung mobiler Apps werden Frameworks wie React Native, Flutter und NativeScript häufiger verwendet. Diese Frameworks sind auf die Erstellung nativer oder plattformübergreifender mobiler Anwendungen spezialisiert, die auf iOS- und Android-Geräten bereitgestellt werden können. Sie bieten spezifische Funktionen und Optimierungen für die Entwicklung mobiler Apps, einschließlich des Zugriffs auf native APIs, Leistungsaspekte und auf mobile Plattformen zugeschnittene UI/UX-Überlegungen.
Electron ist zwar nicht für mobile Geräte geeignet, kann aber verwendet werden, um begleitende Desktop-Anwendungen oder Verwaltungstools für mobile Apps zu erstellen. Entwickler können Electron beispielsweise verwenden, um eine Desktop-Anwendung für die Verwaltung und Überwachung des Backends oder der Verwaltungsaufgaben einer mobilen App zu erstellen.
Um festzustellen, ob eine Anwendung mit Electron erstellt wurde, können Sie die folgenden Schritte ausführen:
Beachten Sie, dass diese Methoden einen allgemeinen Ansatz zur Identifizierung von Electron-Anwendungen bieten, aber möglicherweise nicht narrensicher sind. Einige Entwickler verschleiern oder modifizieren möglicherweise ihre Electron-Anwendungen, was es schwieriger macht, ihre Verwendung von Electron zu erkennen.
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
Full-Stack-Softwareentwickler mit 18 Jahren Berufserfahrung.
Enthusiast für Softwareentwicklung mit 8 Jahren Berufserfahrung in der Technologiebranche. Erfahrung im Outsourcing von Marktanalysen, mit besonderem Schwerpunkt auf Nearshoring. In der Zwischenzeit unser Experte darin, technische, geschäftliche und digitale Themen auf verständliche Weise zu erklären. Autor und Übersetzer nach Feierabend.
Full-Stack-Softwareentwickler mit 18 Jahren Berufserfahrung.
Enthusiast für Softwareentwicklung mit 8 Jahren Berufserfahrung in der Technologiebranche. Erfahrung im Outsourcing von Marktanalysen, mit besonderem Schwerpunkt auf Nearshoring. In der Zwischenzeit unser Experte darin, technische, geschäftliche und digitale Themen auf verständliche Weise zu erklären. Autor und Übersetzer nach Feierabend.
Read next
Popular this month
previous article in this collection
It's the first one.
