Mostrar una notificación desde JavaScript (enlaces JS)

En esta guía se muestra cómo mostrar directamente una notificación de una aplicación de SDK de Aplicaciones para Windows desde el JavaScript del proceso principal de Electron mediante enlaces de JS generados.

Prerequisites

Antes de iniciar esta guía, asegúrese de que tiene:

Paso 1: Mostrar una notificación desde el proceso principal de Electron

Importe los enlaces generados a través de la importación del #winapp/bindings paquete, compile una notificación de aplicación y muestrelos con el administrador de notificaciones predeterminado:

Requiere @microsoft/dynwinrt-codegen ≥ 0.1.0-preview.8. Los proyectos más antiguos pueden actualizarse usando npm i -D @microsoft/dynwinrt-codegen@latest && npx winapp init --add-js-bindings para que winapp init configure el mapa de importaciones de #winapp/bindings, o mantener la forma relativa require('../.winapp/bindings/index.js') (la ruta es relativa a src/index.js; ajústala si el archivo de entrada está en otro lugar).

// src/index.js (Electron main, CommonJS)
const {
  AppNotificationBuilder,
  AppNotificationManager,
} = require('#winapp/bindings');

function showNotification(title, message) {
  const notification = AppNotificationBuilder
    .create()
    .addText(title)
    .addText(message)
    .buildNotification();

  AppNotificationManager.default_.show(notification);
}

const createWindow = () => {
  // ... existing window creation code ...

  // Test the Windows App SDK notification
  showNotification(
    'Hello from Electron!',
    'This notification is powered by the Windows App SDK!'
  );
};

Note

AppNotificationManager.default_ asigna la propiedad de SDK de Aplicaciones para Windows Default. Los enlaces generados agregan el final _ porque default es una palabra clave de JavaScript.

Paso 2: Ejecutarlo

Antes de que funcionen las notificaciones, asegúrese de que la aplicación se ejecuta con identidad:

npx winapp node add-electron-debug-identity

Note

Este comando ya forma parte del script postinstall añadido en la guía de configuración, por lo que se ejecuta automáticamente después de npm install. Ejecútelo manualmente siempre que modifique Package.appxmanifest, actualice los recursos de la aplicación o vuelva a instalar las dependencias.

Ahora inicie la aplicación:

npm start

La notificación SDK de Aplicaciones para Windows aparece cuando el proceso principal llama a showNotification.

Pasos siguientes

¡Felicidades! Ya puedes mostrar notificaciones de SDK de Aplicaciones para Windows desde tu aplicación Electron, sin complemento nativo y sin ningún paso de compilación con node-gyp. 🎉

Ahora ya está listo para:

O explore otras guías:

Recursos adicionales

  • Last updated on