Aan de slag: Windows API's toevoegen aan uw electron-app

Deze handleiding helpt u bij het toevoegen van Windows systeemeigen mogelijkheden aan een Electron-toepassing met behulp van de Windows-app Development CLI. U leert hoe u moderne Windows API's aanroept vanuit uw Electron-app, test met app-identiteit en pakket voor distributie.

Wat je gaat bouwen

Aan het einde van deze handleiding hebt u een Electron-app die:

  • ✅ roept moderne WINDOWS API's (Windows SDK en Windows App SDK) aan
  • ✅ Maakt gebruik van een systeemeigen invoegtoepassing met AI-mogelijkheden (PhiSilium of WinML)
  • ✅ Wordt uitgevoerd met app-identiteit voor het testen van beveiligde API's
  • ✅ Pakketten als een ondertekende MSIX voor distributie

Prerequisites

Voordat u begint, moet u ervoor zorgen dat u het volgende hebt:

  • Windows 11 (Copilot+ PC als u Phi Silicium gebruikt)
  • Node.js - winget install OpenJS.NodeJS --source winget
  • .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
  • Visual Studio met de Native Desktop-ontwikkelingstaak - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

Het proces

Het bouwen van een Electron Windows-app omvat drie hoofdfasen:

1. De ontwikkelomgeving instellen

Eerst stelt u uw ontwikkelomgeving in met de benodigde hulpprogramma's en SDK's. Dit omvat:

  • Een Electron-app maken of configureren
  • Winapp CLI installeren
  • Windows SDKs en vereiste assets initialiseren
  • Uw build-pijplijn instellen

Aan de slag met Setup →

2. Een systeemeigen invoegtoepassing maken

Vervolgens maakt u een systeemeigen invoegtoepassing die Windows API's aanroept. Kies een van de volgende handleidingen:

Optie A: Een C++-meldingsinvoegtoepassing maken

Meer informatie over het maken van een C++-invoegtoepassing waarmee de Windows App SDK meldings-API's worden aangeroepen. Dit is een goed uitgangspunt voor het begrijpen van systeemeigen invoegtoepassingen voordat u dieper ingaat op complexere scenario's.

Een C++-meldingsinvoegtoepassing maken →

Optie B: Een Phi Silica Add-on maken

Leer hoe u een C#-invoegtoepassing maakt die gebruikmaakt van het Phi Silicium AI-model om tekst op het apparaat samen te vatten. PhiSilium is een klein taalmodel dat lokaal wordt uitgevoerd op Windows 11 apparaten met NPU's.

Een Phi Silica-add-on maken →

Optie C: Een WinML-invoegtoepassing maken

Meer informatie over het maken van een C#-invoegtoepassing die gebruikmaakt van Windows Machine Learning (WinML) om aangepaste ONNX-modellen uit te voeren voor afbeeldingsclassificatie, objectdetectie en meer.

Een WinML-invoegtoepassing maken →

3. Verpakking voor distributie

Ten slotte verpakt u uw app als een MSIX voor distributie. Dit omvat:

  • Uw app bouwen voor productie
  • Een MSIX-pakket maken en ondertekenen
  • Het geïnstalleerde pakket testen
  • Inzicht in distributieopties

Uw app-→ verpakken

Snelle navigatie

Fase Guide Wat u leert
1️⃣ Installatie Hulpprogramma's installeren, SDK's initialiseren, build-pijplijn configureren
2️⃣ C++ Meldingsinvoegtoepassing C++-invoegtoepassing maken, meldings-API's aanroepen, testen met foutopsporingsidentiteit
2️⃣ Phi Silicium Addon C#-invoegtoepassing maken, AI-API's aanroepen, testen met foutopsporingsidentiteit
2️⃣ WinML-invoegtoepassing C#-invoegtoepassing maken, WinML-API's aanroepen, ONNX-modellen uitvoeren, ML integreren
3️⃣ Verpakking Productie-app bouwen, MSIX maken, distribueren

Aanvullende informatiebronnen

Krijg hulp

  • Last updated on