Zum Hauptinhalt springen
@capgo/capacitor-rich-notifications Kommunikation Open Source

Rich Notifications Capacitor Plugin

Lokale Benachrichtigungen mit Android-Channels, Progress-Layouts, Action-Buttons, Scheduling und iOS-Interruption-Levels

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

Anleitung

Rich Notifications in Capacitor nutzen

@capgo/capacitor-rich-notifications verwenden

Lokale Notifications mit Android Channels, Progress Layouts, Action Buttons, Scheduling und iOS Interruption Levels.

Installieren

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

Was dieses Plugin bereitstellt

  • checkPermission - Status der Berechtigung für lokale Benachrichtigungen prüfen.
  • requestPermission - Berechtigung für lokale Benachrichtigungen anfordern.
  • createChannel - Android-Benachrichtigungskanal erstellen.
  • createChannelGroup - Android-Kanalgruppe erstellen.
  • deleteChannel - Android-Benachrichtigungskanal löschen.
  • display - Lokale Benachrichtigung sofort anzeigen.
  • schedule - Lokale Benachrichtigung für später planen.
  • cancel - Eine Benachrichtigung per ID abbrechen.
  • cancelAll - Alle von diesem Plugin verwalteten Benachrichtigungen abbrechen.
  • getDisplayed - Benachrichtigungen, die im Schatten oder in der Mitte angezeigt werden.
  • getPending - List scheduled notifications not yet shown.
  • getInitialNotification - Die Benachrichtigung zurückgeben, die die App geöffnet hat, falls vorhanden.
  • setBadge - Setzt die App-Icon-Badge-Anzahl auf iOS.
  • registerActions - Registriert eine wiederverwendbare Aktionskategorie.
  • getPluginVersion - Gibt die Versionsmarke der Plattformimplementierung zurück.
  • addListener - Lauscht auf Press- und Dismiss-Events.

Anwendungsbeispiel

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

Rich Notifications Plugin FAQ

Wie installiere ich das Rich Notifications Plugin in einer Capacitor-App?

Führe "bun add @capgo/capacitor-rich-notifications" aus (oder "npm install @capgo/capacitor-rich-notifications") und führe danach "bunx cap sync" aus, damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-rich-notifications".

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

Ja. Rich Notifications ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

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

Ja. Der Source-Code von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-rich-notifications/ und das Paket lässt sich kostenlos von npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code, das Rich Notifications nutzt, ohne App-Store-Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Kommunikation

Verwandte Plugins

Alle Plugins durchsuchen →

Rich Notifications Änderungen ausrollen, ohne auf den App Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo