Guía
Cómo usar Notificaciones Rich en Capacitor
Usando @capgo/capacitor-notificaciones ricas
Notificaciones locales con canales de Android, diseños 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
¿Qué esta plugin expone
checkPermission- Verificar el estado de permiso de notificación local.requestPermission- Solicitar permiso de notificación local.createChannel- Crear un canal de notificación de Android.createChannelGroupCrear un grupo de canales de Android.deleteChannel- Eliminar un canal de notificación 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- Cancela todas las notificaciones gestionadas por este plugin.getDisplayed- Lista las notificaciones mostradas en la sombra o en el centro.getPending- Lista de notificaciones programadas no mostradas aún.getInitialNotification- Devuelve la notificación que abrió la aplicación, si existe.setBadge- Establece el recuento de icono de aplicación en iOS.registerActions- Registra una categoría de acción reutilizable.getPluginVersionDevuelve el marcador de versión de la implementación del plataforma.addListener- Escucha eventos de presión y deshacer.
- 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 },
});
- Documentación completa
- - GitHub: https://github.com/Cap-go/capacitor-notificaciones-ricas/
- Documentación: /docs/plugins/notificaciones-ricas/