Guía
Cómo usar Rich Notifications en Capacitor
Uso de @capgo/capacitor-rich-notifications
Notificaciones locales con canales de Android, layouts de progreso, botones de acción, programación y niveles de interrupción de iOS.
Instalar
bun add @capgo/capacitor-rich-notifications
bunx cap sync
Lo que expone este plugin
checkPermission- Verificar el estado del permiso de notificaciones locales.requestPermission- Solicitar el permiso de notificaciones locales.createChannel- Crear un canal de notificaciones de Android.createChannelGroup- Crear un grupo de canales de Android.deleteChannel- Eliminar un canal de notificaciones de Android.display- Mostrar una notificación local de inmediato.schedule- Programar una notificación local para más tarde.cancel- Cancelar una notificación por id.cancelAll- Cancelar todas las notificaciones gestionadas por este plugin.getDisplayed- Listar las notificaciones mostradas en la bandeja o el centro.getPending- Lista las notificaciones programadas que aún no se han mostrado.getInitialNotification- Devolver la notificación que abrió la app, si la hay.setBadge- Establece el contador de insignias de la app en iOS.registerActions- Registra una categoría de acción reutilizable.getPluginVersion- Devuelve el marcador de versión de la implementación de la plataforma.addListener- Escucha los eventos de pulsación y descarte.
Ejemplo de uso
requestPermission y 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 },
});
Referencia completa
- GitHub: https://github.com/Cap-go/capacitor-rich-notifications/
- Documentación: /docs/plugins/rich-notifications/