Saltar al contenido principal
@capgo/capacitor-notificaciones Dispositivos de API Fuente abierta

Notificaciones Plugin de Capacitor

Enviar notificaciones push nativas de 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
Copiar 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 de iOS y Android desde Capgo con búsqueda de usuarios, insignias, seguimiento de apertura/foreground, llamadas de fondo y verificaciones de actualización en vivo Capgo silenciosas.

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 Cloudflare Motor de Análisis.

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 empuje and Modos de fondo > Notificaciones remotas en Xcode.

Reenviar 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 directorio que contiene capacitor.config.*.
  • Búsqueda del destinatario en Capgo por ID de cliente externo.
  • Confirmar que el dispositivo tenga plataforma android o ios And 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 si está instalado y autoUpdater si 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 la depuración, @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 la notificación nativa code. Importa desde "@capgo/capacitor-notifications" en tu aplicación code.

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

Sí. 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 admite @capgo/capacitor-notifications?

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 gratuita y de código abierto @capgo/capacitor-notifications?

Sí. El código fuente code está disponible 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?

Al instalar o actualizar el complemento, se cambia el nativo code, por lo que necesita una nueva compilación del almacenamiento. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al complemento pueden enviar actualizaciones en vivo instantáneamente con Capgo.

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

Comienza con Capgo