Saltare al contenuto principale
@capgo/capacitor-notifiche API dei dispositivi Sorgente aperta

Notifications Plugin Capacitor

Invia notifiche native iOS e Android da Capgo con ricerca utente, badge, statistiche e controlli di aggiornamento silenzioso

Installa

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

Guida

Come utilizzare le notifiche in Capacitor

Utilizzo di @capgo/capacitor-notifications

Invia notifiche native iOS e Android da Capgo con ricerca utente, badge, tracciamento aperto/foreground, callback di background e controlli di aggiornamento Capgo silenziosi.

Il plugin è progettato per il flusso di notifiche Capgo. Capgo memorizza i metadati delle credenziali delle piattaforme e i dati di controllo delle campagne in Postgres, mentre lo stato attivo dei dispositivi e gli eventi di consegna sono scritti nel motore di analisi Cloudflare

Installa

Usa il Capgo CLI per una configurazione guidata:

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

Installazione manuale:

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

Configura:

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

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

Registra un utente firmato:

Mint: identityProof con il tuo backend con POST /notifications/recipients/proofpoi registra il dispositivo dopo che il tuo login ha avuto successo.

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

Ascolta gli eventi:

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()
  }
})

Impostazione iOS

Abilita: Le notifiche push and Modalità di background > Notifiche remote in Xcode.

Invia notifiche remote da 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)
}

Configurazione Android

Esegui npx cap sync androidConfigura le credenziali del platform Android in Capgo, richiedi la autorizzazione alle notifiche su Android 13+ e testa su un dispositivo o emulatore con Google Play services.

Elenco di controllo di debug

  • Esegui npx @capgo/cli@latest notifications setup com.example.app dal cartello che contiene capacitor.config.*.
  • Cerca il destinatario in Capgo tramite ID di cliente esterno.
  • Verifica che il dispositivo abbia le piattaforme android o ios e viene concesso il permesso.
  • Aggiungi ascoltatori temporanei per registrationChanged, notificationReceived, notificationOpened, e backgroundNotification.
  • Invia una notifica di prova dal pannello di controllo.
  • Verifica le statistiche per gli eventi in coda, inviati, ricevuti e aperti.
  • Per verifiche di aggiornamento silenziose, assicurati @capgo/capacitor-updater è installato e autoUpdater è abilitato.

Riferimento completo

Continua con l'utilizzo di @capgo/capacitor-notifications

Se stai utilizzando Utilizza @capgo/capacitor-notifications per pianificare la messaggistica push nativa, connettilo con @capgo/capacitor-notifications per i dettagli di implementazione, Debugging per la risoluzione dei problemi, @capgo/capacitor-aggiornatore per controlli di aggiornamento silenziosi, e Directory dei plugin Capgo per altri plugin nativi.

FAQ

Notifiche plugin FAQ

Come posso installare il plugin delle notifiche in un'app Capacitor?

Esegui "bun add @capgo/capacitor-notifications" (o "npm install @capgo/capacitor-notifications"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android rilevino i nativi code. Importalo da "@capgo/capacitor-notifications" nella tua app code.

Funziona @capgo/capacitor-notifications con React, Vue e Angular?

Sì. Le notifiche sono un pacchetto Capacitor, quindi funzionano con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione di Capacitor supportata da @capgo/capacitor-notifications?

I plugin Capgo seguono la versione maggiore di Capacitor: utilizza la versione del plugin maggiore che corrisponde alla tua versione maggiore di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

È gratuito e open source @capgo/capacitor-notifications?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capgo/tree/main/packages/capacitor-notifications/ e il pacchetto è gratuito da installare su npm. Sono accetti i rapporti di bug e le richieste di pull.

Posso aggiornare code che utilizza le notifiche senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo code, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con Capgo aggiornamenti live.

Invia le modifiche alle notifiche senza attendere la revisione dell'app

Una volta che il plugin è presente nel tuo store build, Capgo le aggiornamenti in tempo reale inviano i cambiamenti JavaScript, HTML e CSS ai tuoi utenti in pochi minuti.

Inizia con Capgo