Development

Eine moderne Lösung für Desktop-Anwendungen

29. Februar 2024 Development

Electron baut Desktop-Apps aus Webtechnologien - eine Codebasis für Windows, macOS und Linux.

Vorteile von Electron:


1. Universalität

Electron erleichtert Entwicklern die Erstellung von Desktop-Anwendungen mit vertrauten Web-Technologien und macht den Entwicklungsprozess dadurch für Programmierer mit unterschiedlichem Erfahrungsstand einfacher


2. Plattformübergreifende Kompatibilität

Mit Electron entwickelte Anwendungen laufen problemlos auf unterschiedlichen Betriebssystemen und erhöhen so Reichweite und Zugänglichkeit für die Nutzer.


3. Community-Support

Electron ist in Entwickler-Communitys sehr beliebt, wodurch ein umfangreiches Ökosystem an Bibliotheken, Tools und Erweiterungen zur Verfügung steht.


4. Updates

Dank der Möglichkeit, Anwendungen aus der Ferne zu aktualisieren, können Entwickler schnell Fixes und neue Funktionen bereitstellen - ohne aufwändige Installationsprozesse für die Nutzer.

Nachteile von Electron:


1. Ressourcenintensiv

Electron-Anwendungen können ressourcenintensiv sein, da sie eine integrierte Browser-Engine nutzen, was zu höherem Arbeitsspeicher- und CPU-Verbrauch führen kann.


2. Anwendungsgröße

Da jede Electron-Anwendung eine Browser-Engine enthält, können die Installationsdateien größer ausfallen als bei herkömmlichen Desktop-Anwendungen.

So verwendest du Electron:


Um mit Electron loszulegen und deine eigene Desktop-Anwendung zu bauen, kannst du diesen Schritten folgen oder einfach die Website besuchen:


  • Node.js installieren

    Stelle sicher, dass Node.js auf deinem Computer installiert ist. Electron baut auf Node.js auf, daher ist die Installation unerlässlich.

  • ein neues Verzeichnis für dein Projekt anlegen

    Öffne dein Terminal oder die Eingabeaufforderung, navigiere zu dem Verzeichnis, in dem du dein Electron-Projekt anlegen möchtest, und erstelle dort ein neues Verzeichnis dafür.

  • dein Projekt initialisieren

    Führe im neu angelegten Verzeichnis den Befehl npm init aus, um ein neues Node.js-Projekt zu initialisieren. Folge den Anweisungen, um dein Projekt einzurichten.

1npm init
  • Electron installieren

    Sobald dein Projekt initialisiert ist, installiere Electron als Abhängigkeit, indem du npm install electron ausführst.

1npm install electron --save-dev
  • deine main.js-Datei erstellen

    Erstelle in deinem Projektverzeichnis eine Datei mit dem Namen main.js. Diese Datei enthält den Hauptprozess-Code deiner Electron-Anwendung.

  • deinen Electron-Code schreiben

    Schreibe den notwendigen Code in main.js, um das Hauptfenster deiner Electron-Anwendung zu erstellen und ihre Funktionalität zu steuern.

  • deine Electron-Anwendung ausführen

    Nachdem du deinen Electron-Code geschrieben hast, speichere main.js und führe deine Electron-Anwendung anschließend mit dem Befehl electron . in deinem Projektverzeichnis aus.

Beispiele für Electron-Anwendungen:


Slack

Eines der bekanntesten Beispiele für mit Electron entwickelte Anwendungen ist Slack - eine Kommunikationsplattform, die von Unternehmen und Teams für die interne Kommunikation genutzt wird.


Visual Studio Code

Visual Studio Code, ein Programmier-Tool, wurde mit Electron entwickelt und ermöglicht es Entwicklern, Quellcode auf unterschiedlichen Plattformen zu bearbeiten.


Discord

Die Discord-Anwendung, beliebt bei Gamern und Online-Communities, nutzt ebenfalls Electron, um eine interaktive Kommunikationsumgebung zu schaffen.

Zusammenfassung:

Electron ist ein leistungsstarkes Tool, mit dem Entwickler Desktop-Anwendungen unter Verwendung vertrauter Web-Technologien erstellen können. Trotz gewisser Nachteile wie der Ressourcenintensität machen die Vorteile dieser Plattform - etwa Universalität und Community-Support - sie zu einer attraktiven Wahl für viele Projekte. Beispiele wie Slack, Visual Studio Code und Discord zeigen, dass Electron großes Potenzial hat und in unterschiedlichsten Bereichen und für unterschiedliche Zwecke eingesetzt werden kann.

Neugierig geworden?

Lust, gemeinsam zu kochen?

Ob Idee, Refactor oder Neubau — erzähl uns kurz von deinem Projekt. Wir melden uns innerhalb von 24 Stunden.