Introducción: Adición de APIs de Windows a su aplicación Electron

En esta guía se explica cómo agregar funcionalidades nativas de Windows a una aplicación Electron mediante la CLI de desarrollo de Aplicación de Windows. Aprenderá a llamar a las API de Windows modernas desde la aplicación Electron, probar con la identidad de la aplicación y empaquetar para su distribución.

Lo que construirás

Al final de esta guía, habrás creado una aplicación de Electron que:

  • ✅ Llama a las API modernas de Windows (Windows SDK y SDK de Aplicaciones para Windows)
  • ✅ Usa un complemento nativo con funcionalidades de inteligencia artificial (PhiLice o WinML)
  • ✅ Se ejecuta con la identidad de la aplicación para probar las API protegidas
  • ✅ Paquetes firmados como MSIX para la distribución

Prerrequisitos

Antes de empezar, asegúrese de que tiene:

  • Windows 11 (Copilot+ PC si usa Phi Silica)
  • Node.js - winget install OpenJS.NodeJS --source winget
  • .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
  • Visual Studio con la carga de trabajo de escritorio nativo - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

El proceso

La creación de una aplicación Electron compatible con Windows implica tres fases principales:

1. Configurar el entorno de desarrollo

En primer lugar, configurará el entorno de desarrollo con las herramientas y SDK necesarios. Esto incluye lo siguiente:

  • Creación o configuración de una aplicación Electron
  • Instalación de la CLI de winapp
  • Inicialización de Windows SDK y recursos necesarios
  • Configuración del flujo de trabajo de compilación

Comenzar con la Configuración →

2. Crear un complemento nativo

A continuación, creará un complemento nativo que llama a Windows API. Elija una de las siguientes guías:

Opción A: Crear un complemento de notificación de C++

Aprenda a crear un complemento de C++ que llame a las API de notificación de SDK de Aplicaciones para Windows. Este es un excelente punto de partida para comprender los complementos nativos antes de profundizar en escenarios más complejos.

Crear un complemento de notificación de C++ →

Opción B: Crear un Phi Silica Addon

Aprenda a crear un complemento de C# que use el modelo phiLice AI para resumir texto en el dispositivo. PhiLice es un modelo de lenguaje pequeño que se ejecuta localmente en dispositivos Windows 11 con NPUs.

Crear un complemento de Phi Silica →

Opción C: Crear un complemento WinML

Obtenga información sobre cómo crear un complemento de C# que use Windows Machine Learning (WinML) para ejecutar modelos ONNX personalizados para la clasificación de imágenes, la detección de objetos y mucho más.

Creación de un complemento winML →

3. Empaquetado para distribución

Por último, empaquetará la aplicación como MSIX para su distribución. Esto incluye lo siguiente:

  • Preparación de tu aplicación para producción
  • Creación y firma de un paquete MSIX
  • Prueba del paquete instalado
  • Descripción de las opciones de distribución

Empaquetar la aplicación →

Navegación rápida

Fase Guía Temas que se abordarán
1️⃣ Setup Instalación de herramientas, inicialización de SDK, configuración de la canalización de compilación
2️⃣ Complemento de notificación de C++ Crear un complemento de C++, llamar a APIs de notificación, probar con el identificador de depuración
2️⃣ Adición de Sílice phi Creación de un complemento de C#, llamada a las API de IA, prueba con identidad de depuración
2️⃣ Complemento WinML Creación de un complemento de C#, llamada a las API de WinML, ejecución de modelos ONNX, integración de ML
3️⃣ Empaquetado Compilación de la aplicación de producción, creación de MSIX, distribución

Recursos adicionales

Obtener ayuda

  • Last updated on