Erste Schritte: Hinzufügen von Windows-APIs zu Ihrer Elektronen-App

Dieser Leitfaden führt Sie durch das Hinzufügen Windows nativer Funktionen zu einer Electron-Anwendung mithilfe der Windows-App Development CLI. Sie erfahren, wie Sie moderne Windows-APIs aus Ihrer Electron-App aufrufen, mit App-Identität testen und für die Verteilung verpacken.

Was Sie erstellen werden

Am Ende dieses Leitfadens haben Sie eine Electron-App, die:

  • ✅ Ruft moderne Windows-APIs auf (Windows SDK und Windows App SDK)
  • ✅ Verwendet ein natives Addon mit KI-Funktionen (Phi Silica oder WinML)
  • ✅ Wird mit App-Identität zum Testen geschützter APIs ausgeführt
  • ✅ Pakete als signierte MSIX für die Verteilung

Voraussetzungen

Bevor Sie beginnen, stellen Sie folgendes sicher:

  • Windows 11 (Copilot+ PC bei Verwendung von Phi-Silikate)
  • Node.js - winget install OpenJS.NodeJS --source winget
  • .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
  • Visual Studio mit der nativen Desktop-Workload - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

Der Prozess

Das Erstellen einer Windows-fähigen Electron-App umfasst drei Hauptphasen:

1. Einrichten der Entwicklungsumgebung

Zunächst richten Sie Ihre Entwicklungsumgebung mit den erforderlichen Tools und SDKs ein. Dazu gehören:

  • Erstellen oder Konfigurieren einer Electron-App
  • Winapp CLI installieren
  • Initialisieren von Windows SDKs und benötigten Ressourcen
  • Einrichten der Build-Pipeline

Erste Schritte mit der Einrichtung →

2. Erstellen eines nativen Add-Ons

Als Nächstes erstellen Sie ein systemeigenes Addon, das Windows APIs aufruft. Wählen Sie einen der folgenden Leitfäden aus:

Option A: Erstellen eines C++-Benachrichtigungs-Addon

Erfahren Sie, wie Sie ein C++-Addon erstellen, das die Windows App SDK Benachrichtigungs-APIs aufruft. Dies ist ein guter Ausgangspunkt für das Verständnis nativer Addons, bevor Sie in komplexere Szenarien eintauchen.

Erstellen eines C++-Benachrichtigungs-Add-Ons →

Option B: Erstellen eines Phi-Silikat-Addon

Erfahren Sie, wie Sie ein C#-Addon erstellen, das das Phi-Silika-KI-Modell verwendet, um Text auf dem Gerät zusammenzufassen. Phi Silika ist ein kleines Sprachmodell, das lokal auf Windows 11 Geräten mit NPUs ausgeführt wird.

Erstelle ein Phi-Silica-Add-on→

Option C: Erstellen eines WinML-Add-Ons

Erfahren Sie, wie Sie ein C#-Addon erstellen, das Windows Machine Learning (WinML) verwendet, um benutzerdefinierte ONNX-Modelle für die Bildklassifizierung, die Objekterkennung und vieles mehr auszuführen.

Erstellen eines WinML-Add-Ons →

3. Verpackung für den Vertrieb

Schließlich verpacken Sie Ihre App als MSIX für die Verteilung. Dazu gehören:

  • Erstellen Ihrer App für die Produktion
  • Erstellen und Signieren eines MSIX-Pakets
  • Testen des installierten Pakets
  • Grundlegendes zu Verteilungsoptionen

Ihrer App paketieren →

Schnellnavigation

Phase Guide Sie lernen Folgendes
1️⃣ Einrichtung Installieren von Tools, Initialisieren von SDKs, Konfigurieren der Buildpipeline
2️⃣ C++-Benachrichtigungs-Addon Erstellen eines C++-Add-Ons, Anrufbenachrichtigungs-APIs, Testen mit Debugidentität
2️⃣ Phi Silica Addon Erstellen eines C#-Addons, Aufrufen von AI-APIs, Testen mit Debugidentität
2️⃣ WinML-Add-On C#-Addon erstellen, WinML-APIs aufrufen, ONNX-Modelle ausführen, ML integrieren
3️⃣ Verpackung Erstellen einer Produktions-App, Erstellen von MSIX, Verteilen

Zusätzliche Ressourcen

Hilfe

  • Last updated on