Electron App Entwicklung Kurzanleitung

Electron App Entwicklung

In this collection you'll learn

  • Wie genau funktioniert Electron?
  • Wie macht Electron die Entwicklung von Desktop-Apps einfach?
  • Was sind die bekanntesten Apps, die mit dem Framework erstellt wurden?
  • Wann ist Electron möglicherweise nicht die beste Wahl?
  • Was sind die Electron-Alternativen?

Einführung

Es gibt einen guten Grund, warum Sie immer wieder von Electron-Entwicklung hören: Das Erstellen von Apps mit diesem Framework ist schnell, effizient und kostengünstig.

Aber was genau kann man mit Electron bauen? Und warum sollten Sie es für Ihr Projekt wählen? Um diese Fragen zu beantworten, müssen wir uns zunächst das Framework genauer ansehen und erklären, was es von herkömmlichen Desktop-Entwicklungstechnologien unterscheidet.

Hinweis: Der folgende Artikel ist der Anfang des gesamten Handbuchs über Electron. Wenn es dir gefällt, melde dich für Updates an, um eine Benachrichtigung zu erhalten, wenn neue Kapitel erscheinen.

KAPITEL 1:

Was ist Electron?

Electron JS ist ein Open-Source-Framework, mit dem Entwickler bauen können plattformübergreifende Desktop-Apps mit JavaScript, HTML und CSS, das sind heute die drei wichtigsten Webtechnologien. Es wird von GitHub entwickelt und verwaltet.

Auf seiner Website verspricht Electron, dass jeder, der eine Website erstellen kann, damit eine Desktop-App erstellen kann.

Warum? Weil all die schwierigen Teile, wie automatische Updates, native Menüs und Benachrichtigungen, Absturzberichte und Debugging, von der Chromium-Rendering-Engine (dem Open-Source-Teil des Chrome-Browsers von Google) und Node.js (einer JavaScript-Laufzeit, die auf der V8-JavaScript-Engine von Chrome basiert) erledigt werden.

Natürlich spricht Electron vor allem Frontend-Webentwickler an, die damit leistungsstarke plattformübergreifende Desktop-Anwendungen entwickeln können, ohne vorher eine Reihe neuer Fähigkeiten erlernen zu müssen.

Wichtiger Tipp zum Mitnehmen: Electron ermöglicht es Entwicklern, Desktop-Apps mit JavaScript zu erstellen. Es macht all die schwierigen Teile einfacher.

KAPITEL 2:

Electron Development — Warum sollten Sie es wählen, um eine Desktop-App zu erstellen

Selbst Entwickler, die sich nicht auf Frontend-Webentwicklung spezialisiert haben, haben viele gute Gründe, Electron zu nutzen, darunter:

  • Sicherheit,
  • große Community von Entwicklern und Benutzern,
  • plattformübergreifende Unterstützung.

Die Electron-Entwicklung ist am sinnvollsten, wenn plattformübergreifende Desktop-Anwendungen erstellt werden, bei denen keine strengen Anforderungen an die Speichernutzung eingehalten werden müssen und die den Schwerpunkt auf UX- und UI-Design legen.

Plattformübergreifende Desktop-Apps mit HTML, CSS und JavaScript

Mit Electron ist es möglich, eine Anwendung nur einmal zu schreiben und sie überall zu verteilen, ohne doppelten Entwicklungsaufwand.

Das plattformübergreifend Die Natur von Electron kann den Entwicklungsprozess erheblich verkürzen und zu erheblichen Kosteneinsparungen führen.

Da Electron-Apps mit den drei dominanten Webtechnologien — JavaScript, HTML und CSS — erstellt werden, können Entwickler außerdem eine einzelne Codebasis sowohl für Webanwendungen als auch für Desktop-Anwendungen.

Wann passt Elektron-Entwicklung nicht?

Da Electron-Apps im Wesentlichen Browserfenster sind, auf denen ein Node.js -Server im Hintergrund läuft, verbrauchen sie in der Regel eine erhebliche Menge an Speicher. Aus diesem Grund macht es wenig Sinn, Electron für einfache Dienstprogramme zu verwenden.

Electron-Apps können im Vergleich zu ihren nativen Gegenstücken auch sehr groß sein. Der Größenunterschied kann besonders ausgeprägt sein, wenn es um Apps geht, die nicht zu viele Funktionen bieten.

Da Speicher und Speicherplatz jedoch von Jahr zu Jahr günstiger werden, ist der Gründe dagegen, Electron zum Erstellen einfacher Dienstprogramme zu verwenden verlieren allmählich an Relevanz.

Etcher ist beispielsweise eine einfach zu bedienende App zum Schreiben von Bildern, die Betriebssystem-Images auf SD-Karten und USB-Laufwerke flashen und deren Funktionalität überprüfen kann. Im Gegensatz zu den meisten anderen ähnlichen Dienstprogrammen hat Etcher eine schöne Benutzeroberfläche, was praktisch alle Electron-Apps gemeinsam haben.

KAPITEL 3:

Beispiele für Electron-Apps

Electron-Entwicklung richtig gemacht — Slack Desktop-App

See when Electron development makes sense.

Ein hervorragendes Beispiel für eine beliebte App, die zeigt, wann die Entwicklung von Electron sinnvoll ist, ist Slack, ein Zentrum für Zusammenarbeit, in dem Teams zusammenarbeiten können, um Dinge zu erledigen.

Slack wurde ursprünglich 2013 veröffentlicht, nur einen Monat nach Electron, und hat sich zu einem der beliebtesten Tools für die Zusammenarbeit der Welt entwickelt.

Slack vereinfacht die Zusammenarbeit durch persistente Chatrooms, die Unterstützung von Dateifreigaben und die Integration mit einer Vielzahl von Diensten von Drittanbietern, darunter Google Drive, Trello, Dropbox und viele andere.

Es ist zwar kein Geheimnis, dass die plattformübergreifende Slack-Desktop-App auf Electron basiert, aber es ist vielleicht etwas weniger bekannt, dass es sich um eine Hybrid-App handelt, die auf unserer Web-App (slack.com) basiert. Dies ist einer der überzeugendsten Vorteile von Electron — mit den Webtechnologien, die Sie kennen und lieben, können Sie nicht nur eine plattformübergreifende Desktop-App von Grund auf neu erstellen, sondern auch eine bereits bestehende Web-App erweitern mit neuen und leistungsstarken Funktionen. — Machisté N. Quintana, Software Engineer bei Slack.

Einfaches Tool, aber mit Electron gebaut — Etcher

See when Electron development may not be a good fit.

Etcher wurde von Balena (früher Resin.io) entwickelt, einem Unternehmen, das eine komplette Reihe von Tools für den Aufbau, die Bereitstellung und Verwaltung von Flotten verbundener Linux-Geräte anbietet.

Balena war verlegen über den Stand der Apps zum Schreiben von Bildern, auf die sich ihre Kunden verlassen hatten, und beschloss, etwas dagegen zu unternehmen, und so wurde Etcher ins Leben gerufen. Die Geschichte von Etcher ist ein hervorragender Beweis dafür, wie einfach es ist, eine App mit Electron zu entwickeln.

Wenn ein IoT-Unternehmen Electron verwenden kann, um das zu entwickeln, was jetzt ist eine der beliebtesten Apps zum Schreiben von Bildern In ihrer Freizeit sind dem, was professionelle Electron-Entwickler erreichen können, wirklich keine Grenzen gesetzt.

Das Rad neu erfinden — Visual Code Studio

Microsoft ist sich der Vielseitigkeit von Electron bewusst und hat das Framework verwendet, um die Codebearbeitung mit Visual Studio Code neu zu definieren. Es ist ein leichter Code-Editor, der überall läuft und in eine vollwertige IDE mit Erweiterungen umgewandelt werden kann.

Seit seiner Veröffentlichung ist die Akzeptanz von Visual Studio Code unter Entwicklern sprunghaft angestiegen, was zeigt, wie eine neue Technologie angewendet werden kann neu erfinden das Rad und verbessern es ist dabei.

KAPITEL 4:

Electron-Alternativen: Frameworks für plattformübergreifende Desktop-Apps

Vor einiger Zeit war es nicht möglich, Desktop-Apps mit JavaScript zu erstellen. Jetzt können JS-Entwickler zwischen einigen Frameworks wählen.

NW.js gibt Entwicklern die Freiheit, Frameworks und Tools auszuwählen, und ermöglicht den Aufruf von Node.js Modulen direkt aus dem DOM.

Meteor ist schnell, aber es erstellt keine Apps selbst — es muss mit Cordova oder ähnlichen Tools verwendet werden.

Proton nativ verwendet dieselbe Syntax wie React Native (wir können sagen, dass es für den Desktop dasselbe tut, was React Native für Mobilgeräte tut). Proton Native funktioniert mit Redux und ist mit Node.js kompatibel.

Fazit

Electron Development ist für alle Arten von Apps geeignet. Aus diesem Grund werden Slack, Etcher, Visual Studio Code, Atom, Tusk, Skype und viele andere beliebte Apps mit diesem Open-Source-Framework erstellt.

Wenn Sie mehr über die Architektur von Electron erfahren und sie testen möchten, lesen Sie das nächste Kapitel.