Guida
Come usare le Rich Notifications in Capacitor
Utilizzo di @capgo/capacitor-rich-notifications
Notifiche locali con canali Android, layout di progresso, pulsanti di azione, pianificazione e livelli di interruzione iOS.
Installazione
bun add @capgo/capacitor-rich-notifications
bunx cap sync
Cosa espone il plugin
checkPermission- Controlla lo stato dei permessi delle notifiche locali.requestPermission- Richiedi i permessi per le notifiche locali.createChannel- Crea un canale di notifica Android.createChannelGroup- Crea un gruppo di canali Android.deleteChannel- Elimina un canale di notifica Android.display- Mostra immediatamente una notifica locale.schedule- Pianifica una notifica locale per un momento successivo.cancel- Cancella una notifica tramite il suo ID.cancelAll- Cancella tutte le notifiche gestite da questo plugin.getDisplayed- Elenca le notifiche visualizzate nel centro notifiche.getPending- Elenca le notifiche pianificate non ancora mostrate.getInitialNotification- Restituisce la notifica che ha aperto l'app, se presente.setBadge- Imposta il badge count dell'icona su iOS.registerActions- Registra una categoria di azioni riutilizzabile.getPluginVersion- Restituisce il marker di versione dell'implementazione della piattaforma.addListener- Ascolta gli eventi di pressione e chiusura.
Esempio di utilizzo
requestPermission e 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 },
});
Riferimento completo
- GitHub: https://github.com/Cap-go/capacitor-rich-notifications/
- Docs: /docs/plugins/rich-notifications/