Pasar al contenido principal
@capgo/capacitor-notificaciones ricas Comunicación Fuente abierta

Notificaciones ricas plugin de Capacitor

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
npm, pnpm o yarn
  • npm install @capgo/capacitor-rich-notifications
  • pnpm add @capgo/capacitor-rich-notifications
  • yarn add @capgo/capacitor-rich-notifications

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.
  • createChannelGroup Crear 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.
  • getPluginVersion Devuelve 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

FAQ

FAQ sobre el plugin de notificaciones ricas

¿Cómo instalo el plugin de notificaciones ricas en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-notificaciones-rich" (o "npm install @capgo/capacitor-notificaciones-rich"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen las nativas code. Importa desde "@capgo/capacitor-notificaciones-rich" en tu aplicación code.

¿Funciona @capgo/capacitor-notificaciones-rich con React, Vue y Angular?

Sí. Las Notificaciones Rich es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Cuál es la versión Capacitor de @capgo/capacitor-notificaciones-rich?

Los plugins Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-notificaciones-rich gratuito y de código abierto?

Sí. El código fuente code está disponible en GitHub en https://github.com/Cap-go/capacitor-notificaciones-rich/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza Notificaciones Rich sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia las nativas code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios de Notificaciones Rich sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían los cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Inicie con Capgo