Zum Hauptinhalt springen
@capgo/capacitor-reiche-benachrichtigung Kommunikation Offene Quelle

Reiches Benachrichtigung Capacitor-Plugin

Benachrichtigungen mit Android-Kanälen, Fortschrittslayouts, Aktionstasten, Terminplanung und iOS-Störungsstufen

Installieren

bun add @capgo/capacitor-rich-notifications bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-rich-notifications
  • pnpm add @capgo/capacitor-rich-notifications
  • yarn add @capgo/capacitor-rich-notifications

Richtlinie

Rich Notifications in Capacitor verwenden

Mit @capgo/capacitor-rich-notifications

Benachrichtigungen auf lokaler Ebene mit Android-Kanälen, Fortschrittslayouts, Aktionsknöpfen, Terminplanung und iOS-Störungsstufen.

Installieren

bun add @capgo/capacitor-rich-notifications
bunx cap sync

Was dieses Plugin bereitstellt

  • checkPermission - Überprüfen Sie den Status der lokalen Benachrichtigungsrechte.
  • requestPermission - Lassen Sie die lokalen Benachrichtigungsrechte anfordern.
  • createChannel - Erstellen Sie einen Android-Benachrichtigungskanal.
  • createChannelGroup Erstellen Sie eine Android-Kanalgruppe.
  • deleteChannel - Löschen Sie einen Android-Benachrichtigungskanal.
  • display - Zeigen Sie eine lokale Benachrichtigung sofort an.
  • schedule - Planen Sie eine lokale Benachrichtigung für später.
  • cancel - Stornieren Sie eine Benachrichtigung durch ID.
  • cancelAll - Stornieren Sie alle von diesem Plugin verwalteten Benachrichtigungen.
  • getDisplayed - Benachrichtigungen im Schatten oder Zentrum anzeigen.
  • getPending - List scheduled notifications not yet shown.
  • getInitialNotification - Gibt die Benachrichtigung zurück, die die App geöffnet hat, wenn vorhanden.
  • setBadge - Setze die App-Icon-Badge-Zähler auf iOS.
  • registerActions - Eine wiederholbar registrierbare Aktionskategorie.
  • getPluginVersion - Gibt die Versionsmarke der Plattformimplementierung zurück.
  • addListener - Höre auf Press- und Dismiss-Ereignisse.

- Beispiele zur Verwendung

requestPermission - und display

import { RichNotifications } from '@capgo/capacitor-rich-notifications';

await RichNotifications.requestPermission();

await RichNotifications.createChannel({
  id: 'messages',
  name: 'Messages',
  importance: 'high',
});

await RichNotifications.display({
  title: 'Hello',
  body: 'Tap to open the app',
  channelId: 'messages',
});

schedule

import { RichNotifications } from '@capgo/capacitor-rich-notifications';

await RichNotifications.schedule({
  notification: {
    id: 'reminder-1',
    title: 'Reminder',
    body: 'Your appointment starts soon',
    channelId: 'messages',
  },
  trigger: { type: 'timestamp', timestamp: Date.now() + 60_000 },
});

- Vollständige Referenz

FAQ

FAQ für die Erweiterung Rich Notifications

Wie installiere ich die Erweiterung Rich Notifications in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-rich-notifications" (oder "npm install @capgo/capacitor-rich-notifications"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-rich-notifications" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-rich-notifications mit React, Vue und Angular?

Ja. Rich Notifications ist ein Capacitor-Paket, daher funktioniert es mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-rich-notifications?

Capgo-Erweiterungen folgen der Capacitor-Majornummer: Wählen Sie die Erweiterungsmajornummer, die Ihrer Capacitor-Majornummer entspricht (z. B. Erweiterung v8 mit Capacitor 8). Die Kompatibilitätsübersicht in der GitHub-README enthält die unterstützten Versionen.

Is @capgo/capacitor-rich-notifications kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-rich-notifications/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code mit Rich Notifications ohne eine App-Store-Überprüfung aktualisieren?

Die Installation oder das Upgrade der Erweiterung ändert die native code, daher ist eine neue App-Store-Überprüfung erforderlich. Danach können JavaScript-, HTML- und CSS-Änderungen, die die Erweiterung aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe reiche Benachrichtigungen ohne Warten auf die App-Überprüfung

Eine Mal, wenn das Plugin in Ihrem Laden ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an Benutzer in Minuten.

Beginnen Sie mit Capgo