Eine Codebasis, drei Betriebssysteme.
Desktop-Anwendungen für Windows, macOS und Linux. Mit derselben Technologie, die hinter VS Code, Slack, Figma und Notion steht. Inklusive Auto-Update, Code-Signing und Installer-Generierung. Wer einmal entwickelt, deployed dreifach.
- Eine Codebasis: TypeScript + React (oder Vue)
- Installer für Windows (.exe, .msi), macOS (.dmg) und Linux (.deb, .AppImage)
- Auto-Update integriert (gestaffelter Rollout möglich)
- Code-Signing für Windows und macOS, damit OS-Warnungen ausbleiben
Typische Anwendungsfälle
Vier Bereiche, in denen Electron die richtige Antwort ist. Aus echten Schweizer Projekten.
Interne Business-Tools
ERP-Erweiterungen, CRM-Tools, Verwaltungs-Software. Die Mitarbeitenden arbeiten auf Windows, der Chef hat ein MacBook, der IT-Admin nutzt Linux. Eine App deckt alle drei ab.
Branchen-Software
POS-Systeme für Gastronomie und Detailhandel, Lagerverwaltung, Werkstatt-Management. Robust, offline-fähig, mit Drucker- und Scanner-Anbindung.
Kiosk-Anwendungen
Empfang-Terminals, Bestellsysteme, Info-Displays. Vollbildmodus, automatischer Neustart bei Crashes, Remote-Updates über die Distanz.
Produktivitäts-Apps
Datei-Manager, Notiz-Tools, Audio-/Video-Bearbeitungs-Software. Tiefe Betriebssystem-Integration (Tray, Notifications, Shortcuts) bei gleichzeitiger plattformübergreifender Funktionalität.
Der technische Aufbau
Bewährte Tools, sauber kombiniert. Genauso wie Slack, VS Code und Linear es machen.
Electron + React + Vite
Schneller Build, modernes Tooling. React (oder Vue) für die UI, Vite als Build-System. Hot-Reload im Dev-Modus, optimiertes Bundle für Production.
electron-builder
Erzeugt Installer für alle drei Plattformen aus einer einzigen Konfiguration. Auto-Update wird direkt mit eingerichtet, NSIS für Windows, DMG für macOS.
Auto-Update
electron-updater mit Versions-Channel-Support (stable, beta, canary). Gestaffelter Rollout über Prozent-Hash. Nutzer bekommen Updates im Hintergrund, ohne IT-Eingriff.
Code-Signing
EV-Zertifikat für Windows, Apple Developer ID für macOS. Notarization-Pipeline für macOS automatisiert. Endkunden installieren ohne SmartScreen-Warnung oder Gatekeeper-Block.
Backend-Integration
REST oder GraphQL über fetch, WebSocket für Echtzeit. Lokale SQLite-Datenbank für Offline-Modus, Sync zum Backend wenn online. Authentifizierung über JWT oder OAuth.
Native Module wo nötig
USB-Geräte, Drucker, Smartcards, serielle Schnittstellen via Node-Native-Modules. Lokale Datei-Zugriffe, Tray-Icon, System-Notifications, Global Shortcuts.
Electron, Tauri oder Native?
Drei Wege zu einer Desktop-App, drei verschiedene Kompromisse. Hier die ehrliche Einschätzung.
| Kriterium | Electron | Tauri | Native |
|---|---|---|---|
| Plattformen | Win + Mac + Linux | Win + Mac + Linux | 1 pro Codebasis |
| Bundle-Grösse | ca. 100 MB | 5 bis 20 MB | 5 bis 50 MB |
| Performance | Sehr gut | Top | Top |
| WebView | Chromium (konsistent) | OS-WebView (variabel) | (nicht zutreffend) |
| Dev-Tools | Web-Tech, riesiges Ökosystem | Web + Rust | Plattform-spezifisch |
| Entwicklungs-Zeit | Schnell | Schnell | Lang (mal 3 für 3 Plattformen) |
| Beispiele | VS Code, Slack, Figma | neu, kleinere Tools | Final Cut, Photoshop |
Faustregel: Cross-Platform mit Web-Team = Electron. Performance über alles und kleine App = Tauri oder Native. Eine Plattform reicht und maximale Performance = Native.
Pakete und Richtwerte
Drei typische Projekttypen. Genaue Offerte nach dem Erstgespräch.
Internal Tool
MVP oder einfache Cross-Platform-App
- 5 bis 10 Hauptfunktionen
- Lokale Datenhaltung (SQLite)
- Installer für alle 3 OS
- Code-Signing inklusive
- Basis Auto-Update
Business App
Vollwertige Geschäftsanwendung
- Backend-Integration (REST/GraphQL)
- Offline-First mit Sync
- Mehrere Benutzerrollen
- Gestaffeltes Auto-Update
- Hardware-Anbindung wo nötig
- Logging & Monitoring
Premium / Custom
Komplex, hochperformant
- Komplexe Hardware-Integration
- Native Module (USB, COM, Bluetooth)
- Mehrsprachigkeit komplett
- Admin-Dashboard (Web)
- CI/CD-Pipeline für 3 OS
- Performance-Optimierung
Wartung ab CHF 200 pro Monat. Code-Signing-Zertifikate separat: Apple Developer USD 99/Jahr, Windows EV ab CHF 250/Jahr.
Häufige Fragen zu Electron
Was ist Electron und wofür wird es eingesetzt?
Electron ist ein Framework von GitHub, das Desktop-Anwendungen aus Web-Technologien baut (HTML, CSS, TypeScript). Bekannte Beispiele: Visual Studio Code, Slack, Discord, Figma, Notion. Eine Codebasis erzeugt Installer für Windows, macOS und Linux. Ideal für interne Tools, Branchen-Software, Kiosk-Anwendungen und produktivitäts-orientierte Apps.
Wann macht Electron Sinn, wann besser etwas anderes?
Electron passt, wenn die App auf allen drei Betriebssystemen laufen soll, das Team Web-Technologien beherrscht, und die App keine maximale Performance an absolutem Hardware-Limit braucht. Bei nur einer Plattform mit maximaler Performance (Video-Editing, Gaming) sind Native-Frameworks die bessere Wahl. Für minimale Footprints kann Tauri eine Option sein.
Was ist mit Tauri als Alternative?
Tauri nutzt das System-WebView statt eines mitgelieferten Chromium, was kleinere Installer und geringeren Speicherbedarf ergibt. Nachteil: das WebView-Verhalten unterscheidet sich pro Betriebssystem. Electron ist bei Vorhersagbarkeit klar im Vorteil. Für die meisten Business-Apps bleibt Electron die pragmatischere Wahl, Tauri ist gut für kleinere, leichtgewichtige Tools.
Wie funktioniert Auto-Update bei Electron?
Über electron-updater oder Squirrel kann jede Electron-App sich automatisch aktualisieren. Neue Versionen liegen auf einem CDN oder S3-kompatiblen Storage, die App prüft beim Start oder periodisch auf Updates und installiert sie im Hintergrund. Roll-out kann gestaffelt erfolgen (10% der Nutzer, dann 50%, dann alle), um Probleme früh zu erkennen.
Brauche ich Code-Signing-Zertifikate?
Ja, für Windows und macOS dringend empfohlen. Ohne Signatur zeigt Windows SmartScreen Warnungen, macOS Gatekeeper blockiert die App komplett. Apple Developer ID kostet USD 99 pro Jahr, Windows Code-Signing zwischen CHF 250 und CHF 600 pro Jahr (EV-Zertifikate teurer, aber besser für SmartScreen-Reputation). Linux braucht keine Signatur.
Was kostet eine Electron-App?
Eine einfache Cross-Platform-App (interne Tools, 5 bis 10 Hauptfunktionen) startet bei CHF 12'000. Mittlere Business-Apps mit Datenbank, Sync und Auto-Update liegen zwischen CHF 25'000 und CHF 60'000. Komplexere Anwendungen mit Hardware-Integration darüber. Wartung ab CHF 200 pro Monat.
Verwandte Themen
Andere Software-Optionen, App-Entwicklung und Standort.
Eine App, drei Betriebssysteme?
30 Minuten Discovery-Call, danach wissen Sie, ob Electron, Tauri oder Native die richtige Antwort für Ihr Projekt ist und in welchem Pricing-Bereich es liegt.
Discovery-Call buchenKontakt aufnehmen
Lass uns etwas
Grossartiges bauen.
Ob neue App, Web-Plattform oder Rebranding, wir sind bereit für die nächste Herausforderung. Erzähl uns von deiner Vision.