Guida
Come usare le Rich Notifications in Capacitor
Utilizzo di @capgo/capacitor-rich-notifications
Notifiche locali con canali Android, layout di avanzamento, pulsanti di azione, pianificazione e livelli di interruzione iOS.
Installa
bun add @capgo/capacitor-rich-notifications
bunx cap sync
Cosa espone questo plugin
checkPermission- Controlla lo stato dei permessi delle notifiche locali.requestPermission- Richiedi il permesso 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 subito una notifica locale.schedule- Programma una notifica locale per più tardi.cancel- Annulla una notifica tramite id.cancelAll- Annulla tutte le notifiche gestite da questo plugin.getDisplayed- Elenca le notifiche mostrate nella tendina o nel centro notifiche.getPending- Elenca le notifiche programmate non ancora mostrate.getInitialNotification- Restituisci la notifica che ha aperto l'app, se presente.setBadge- Imposta il numero di badge dell'icona dell'app 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 d'uso
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/
- Documentazione: /docs/plugins/rich-notifications/