Prise en main : Ajout d’API Windows à votre application Electron

Ce guide vous guide tout au long de l’ajout de fonctionnalités natives Windows à une application Electron à l’aide de l’interface CLI de développement application Windows. Vous allez apprendre à appeler des API de Windows modernes à partir de votre application Electron, à tester avec l'identité de l'application et à empaqueter pour la distribution.

Ce que vous allez construire

À la fin de ce guide, vous disposez d’une application Electron qui :

  • ✅ Appelle des API modernes de Windows (SDK Windows et SDK d'application Windows)
  • ✅ Utilise un module complémentaire natif avec des fonctionnalités d’IA (Phi Silicon ou WinML)
  • ✅ Exécutions avec l’identité d’application pour tester les API protégées
  • ✅ Emballages en MSIX signé pour la distribution

Prerequisites

Avant de commencer, vérifiez que vous disposez des points suivants :

  • Windows 11 (Copilot+ PC si vous utilisez Phi Silicon)
  • Node.js - winget install OpenJS.NodeJS --source winget
  • .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
  • Visual Studio avec la charge de travail de Bureau natif - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

Le processus

La création d’une application Electron compatible Windows implique trois phases principales :

1. Configuration de l’environnement de développement

Tout d’abord, vous allez configurer votre environnement de développement avec les outils et kits SDK nécessaires. Cela inclut les éléments suivants :

  • Création ou configuration d’une application Electron
  • Installation du CLI winapp
  • Initialisation de kits sdk Windows et ressources requises
  • Configuration de votre pipeline de build

Prise en main du programme d’installation →

2. Création d’un module complémentaire natif

Ensuite, vous allez créer un module complémentaire natif qui appelle Windows API. Choisissez l’un des guides suivants :

Option A : Création d’un complément de notification C++

Découvrez comment créer un module complémentaire C++ qui appelle les API de notification SDK d'application Windows. Il s’agit d’un excellent point de départ pour comprendre les compléments natifs avant de vous plonger dans des scénarios plus complexes.

Créer un complément de notification C++ →

Option B : Création d'un module complémentaire Phi Silice

Découvrez comment créer un module complémentaire C# qui utilise le modèle IA Phi Silicon pour synthétiser du texte sur appareil. Phi Silicon est un petit modèle de langage qui s’exécute localement sur des appareils Windows 11 avec des processeurs réseau.

Créer un module complémentaire Phi Silice →

Option C : Création d’un complément WinML

Découvrez comment créer un module complémentaire C# qui utilise Windows Machine Learning (WinML) pour exécuter des modèles ONNX personnalisés pour la classification d’images, la détection d’objets et bien plus encore.

Créer un complément WinML →

3. Empaquetage pour la distribution

Enfin, vous allez empaqueter votre application en tant que MSIX pour la distribution. Cela inclut les éléments suivants :

  • Création de votre application pour la production
  • Création et signature d’un package MSIX
  • Test du package installé
  • Présentation des options de distribution

Empaqueter votre application →

Navigation rapide

Étape Guide Ce que vous allez apprendre
1️⃣ Installation Installer des outils, initialiser des kits sdk, configurer le pipeline de build
2️⃣ Module de notification C++ Créer un complément C++, APIs de notification d'appels, tester avec une identité de débogage
2️⃣ Phi Silicon Addon Créer un module complémentaire C#, appeler des API d'IA, tester avec une identité de débogage.
2️⃣ Complément WinML Créer un module complémentaire C#, appeler des API WinML, exécuter des modèles ONNX, intégrer ML
3️⃣ Emballage Créer une application de production, créer MSIX, distribuer

Ressources additionnelles

Obtenir de l’aide

  • Last updated on