Anzeigen einer Benachrichtigung aus JavaScript (JS-Bindungen)

In diesem Leitfaden wird gezeigt, wie Sie mithilfe generierter JS-Bindungen eine Windows App SDK-App-Benachrichtigung direkt aus dem Electron-Hauptprozess-JavaScript anzeigen.

Voraussetzungen

Bevor Sie diesen Leitfaden starten, stellen Sie sicher, dass Sie folgendes haben:

• Die Einrichtung der Entwicklungsumgebung wurde abgeschlossen.

Schritt 1: Anzeigen einer Benachrichtigung aus dem Electron-Hauptprozess

Importieren Sie die generierten Bindungen über den #winapp/bindings Paketimport, erstellen Sie eine App-Benachrichtigung, und zeigen Sie sie mit dem Standardbenachrichtigungs-Manager an:

Erfordert @microsoft/dynwinrt-codegen ≥ 0.1.0-preview.8. Ältere Projekte können entweder mit npm i -D @microsoft/dynwinrt-codegen@latest && npx winapp init --add-js-bindings aktualisiert werden, damit winapp init die #winapp/bindings-Import-Map einbindet, oder die relative Form require('../.winapp/bindings/index.js') beibehalten (der Pfad ist relativ zu src/index.js; passen Sie ihn an, wenn Ihre Einstiegsdatei an anderer Stelle liegt).

// 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!'
  );
};

Schritt 2: Ausführen

Bevor Benachrichtigungen funktionieren, stellen Sie sicher, dass Ihre App mit Identität ausgeführt wird:

npx winapp node add-electron-debug-identity

Starten Sie nun die App:

npm start

Die Windows App SDK-Benachrichtigung wird angezeigt, wenn der Hauptprozess showNotification aufruft.

Nächste Schritte

Herzlichen Glückwunsch! Sie zeigen jetzt Windows App SDK-Benachrichtigungen in Ihrer Electron-App an – kein natives Addon, kein node-gyp Build-Schritt. 🎉

Jetzt sind Sie bereit für:

• Packen Sie Ihre App für Verteilung – erstellen Sie ein MSIX, das Sie versenden können (die @microsoft/dynwinrt Laufzeit ist bereits in Ihrer dependencies).

Oder erkunden Sie andere Guides:

• Rufen Sie Windows APIs aus JavaScript auf – wählen Sie eine Datei aus, und lesen Sie die Bildabmessungen mithilfe von JS-Bindungen.
• Rufen Sie Phi Silika aus JavaScript auf – fassen Sie Text mit Windows App SDK KI über JS-Bindungen zusammen.
• Führen Sie WinML aus JavaScript aus – verwenden Sie Windows App SDK ML-Anbieterermittlung mit onnxruntime-node.
• Erstellen eines nativen C++-Addon – systemeigenes C++-Addon-Gegenstück für Benachrichtigungen.
• Übersicht über erste Schritte – Kehren Sie zum Hauptleitfaden zurück.

Zusätzliche Ressourcen

• winapp CLI-Dokumentation - vollständige CLI-Referenz (init, restore, node generate-bindings).
• Sample Electron App – vollständiges Arbeitsbeispiel, einschließlich JS-Bindungen.
• @microsoft/dynwinrt – die Laufzeit, die die generierten Bindungen antreibt.
• @microsoft/dynwinrt-codegen – der Codegenerator.