Pulsa para ir al contenido principal
@capgo/capacitor-notificaciones API de dispositivos Fuente abierta

Notificaciones plugin de Capacitor

Envía notificaciones push nativas para iOS y Android desde Capgo con búsqueda de usuarios, etiquetas, estadísticas y comprobaciones de actualizaciones silenciosas

Instalar

bun add @capgo/capacitor-notifications bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-notifications
  • pnpm add @capgo/capacitor-notifications
  • yarn add @capgo/capacitor-notifications

Guía

Cómo usar Notificaciones en Capacitor

Usando @capgo/capacitor-notifications

Envía notificaciones push nativas para iOS y Android desde Capgo con búsqueda de usuarios, etiquetas, seguimiento de antecedentes y llamadas de fondo, y comprobaciones silenciosas de Capgo.

El plugin está diseñado para el pipeline de notificaciones de Capgo. Capgo almacena metadatos de credenciales de plataforma y datos de control de campaña en Postgres, mientras que el estado activo de dispositivos y eventos de entrega se escriben en el Motor de Análisis Cloudflare.

Instalar

Utilice el Capgo CLI para una configuración guiada:

npx @capgo/cli@latest notifications setup com.example.app

Instalación manual:

npm install @capgo/capacitor-notifications @capgo/capacitor-updater
npx cap sync

Configurar

import { CapgoNotifications } from '@capgo/capacitor-notifications'

await CapgoNotifications.configure({
  appId: 'com.example.app',
  autoUpdater: true,
  updateInstallMode: 'next',
})

Registrar un usuario firmado

Mintear identityProof desde su servidor con POST /notifications/recipients/proofluego registre el dispositivo después de que su inicio de sesión tenga éxito.

await CapgoNotifications.register({
  externalId: 'customer-user-123',
  identityProof,
  tags: ['paid'],
  attributes: { plan: 'team' },
  consent: true,
})

Escuchar eventos

await CapgoNotifications.addListener('notificationReceived', (notification) => {
  console.log('Received', notification)
})

await CapgoNotifications.addListener('notificationOpened', (event) => {
  console.log('Opened', event.notification.id)
})

await CapgoNotifications.addListener('backgroundNotification', async (event) => {
  try {
    console.log('Background payload', event.notification.data)
  } finally {
    await event.finish()
  }
})

iOS Setup

Habilitar Notificaciones de Pulsación and Modos de fondo > Notificaciones remotas en Xcode.

Enviar notificaciones remotas desde ios/App/App/AppDelegate.swift:

func application(_ application: UIApplication, didReceiveRemoteNotification userInfo: [AnyHashable: Any], fetchCompletionHandler completionHandler: @escaping (UIBackgroundFetchResult) -> Void) {
    NotificationCenter.default.post(name: Notification.Name("CapgoNotificationsRemoteNotification"), object: userInfo)
    completionHandler(.newData)
}

Configuración de Android

Ejecutar npx cap sync android, configura credenciales de plataforma Android en Capgo, solicita permiso de notificación en Android 13+ y prueba en un dispositivo o emulador con servicios de Google Play.

Lista de Verificación de Depuración

  • Ejecutar npx @capgo/cli@latest notifications setup com.example.app desde el folder que contiene capacitor.config.*.
  • Búsqueda del destinatario en Capgo por ID de cliente externo.
  • Confirmar que el dispositivo tiene plataforma android o ios y se le concede permiso.
  • Agregar oyentes temporales para registrationChanged, notificationReceived, notificationOpened, y backgroundNotification.
  • Enviar una notificación de prueba desde la consola.
  • Verificar estadísticas para eventos programados, enviados, recibidos y abiertos.
  • Para verificaciones de actualizaciones silenciosas, verificar @capgo/capacitor-updater está instalado y autoUpdater está habilitado.

Referencia completa

Sigue adelante desde @capgo/capacitor-notifications

Si estás utilizando Utilizando @capgo/capacitor-notifications para planificar mensajería de empuje nativa, conecta con @capgo/capacitor-notificaciones para los detalles de implementación, Depuración para el seguimiento de errores, @capgo/capacitor-actualizador para verificaciones de actualizaciones silenciosas, y Directorio de Plugins Capgo para otros plugins nativos.

FAQ

Preguntas Frecuentes del plugin de Notificaciones

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

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

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

Sí. El plugin de Notificaciones 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.

¿Qué versión de Capacitor soporta @capgo/capacitor-notifications?

Los plugins de 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 de GitHub lista las versiones mantenidas.

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

Sí. El código fuente de code está público en GitHub en https://github.com/Cap-go/capgo/tree/main/packages/capacitor-notifications/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

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

Instalando o actualizando el plugin cambia la code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar actualizaciones Capgo en vivo de inmediato.

Envía cambios de Notificaciones 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 cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo