Saltare al contenuto principale

Kit di chiamata in arrivo Plugin Capacitor

Presenta l'interfaccia di chiamata in arrivo nativa con iOS CallKit e notifiche a schermo intero Android

Installa

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

Guida

Come utilizzare Incoming Call Kit in Capacitor

Usando @capgo/capacitor-kit-di-chiamata-in-arrivo

Presenta una superficie di chiamata entrante nativa con Capacitor API.

Installa

bun add @capgo/capacitor-incoming-call-kit
bunx cap sync

bunx cap sync copia il nativo code del plugin nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

Vedi API in azione

Metodo Descrizione
showIncomingCall Displays the native incoming call UI.
endCall Interrompe una chiamata tracciata specifica
endAllCalls Interrompe tutte le chiamate tracciate
getActiveCalls Restituisce le chiamate tracciate correnti
checkPermissions Restituisce lo stato di autorizzazione corrente per le notifiche e gli intenti a schermo intero.
requestPermissions Richiede l'autorizzazione per le notifiche quando il sistema lo supporta.
requestFullScreenIntentPermission Apre la pagina di impostazioni dell'intento schermo pieno Android 14+ quando disponibile.

Esempi

showIncomingCall()

Displays the native incoming call UI.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.showIncomingCall({
  callId: 'call-id-123',
  callerName: 'caller',
});
console.log(result);

endCall()

Visualizza l'interfaccia utente di chiamata in arrivo nativa.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.endCall({ callId: 'call-id-123' });
console.log(result);

endAllCalls()

Interrompe una chiamata tracciata specifica.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.endAllCalls();
console.log(result);

getActiveCalls()

Interrompe tutte le chiamate tracciate.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.getActiveCalls();
console.log(result);

checkPermissions()

Restituisce lo stato di autorizzazione corrente per le notifiche e gli intenti a schermo intero.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.checkPermissions();
console.log(result);

requestPermissions()

Richiede l'autorizzazione per le notifiche quando il sistema lo supporta.

import { IncomingCallKit } from '@capgo/capacitor-incoming-call-kit';

const result = await IncomingCallKit.requestPermissions();
console.log(result);

La tabella sopra elenca le 7 metodologie di base. I listener e gli aiuti di versione, nonché il contratto completo di ogni metodo, sono documentati nella Il repository di GitHub.

Ascolta gli eventi

addListener resta un riferimento. Chiama handle.remove() quando lo schermo viene smontato, o IncomingCallKit.removeAllListeners() per cancellare ogni ascoltatore.

Riferimento completo

Continua da Utilizza @capgo/capacitor-incoming-call-kit

Se stai utilizzando Utilizza @capgo/capacitor-incoming-call-kit per pianificare il dashboard e le operazioni API, connettilo con @capgo/capacitor-kit di chiamata in arrivo per i dettagli di implementazione in @capgo/capacitor-kit-di-chiamata-in-arrivo Getting Started per i dettagli di implementazione in Iniziare API Panoramica per i dettagli di implementazione in API Panoramica Introduzione per i dettagli di implementazione in Introduzione, e API Chiavi per i dettagli di implementazione in API Chiavi

FAQ

Domande frequenti del plugin Incoming Call Kit

Come posso installare il plugin Incoming Call Kit in un'app Capacitor?

Esegui "bun add @capgo/capacitor-incoming-call-kit" (o "npm install @capgo/capacitor-incoming-call-kit"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-incoming-call-kit" nella tua app code.

Funziona @capgo/capacitor-incoming-call-kit con React, Vue e Angular?

Sì. Il kit per le chiamate in arrivo è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-incoming-call-kit?

I pacchetti Capgo seguono la versione maggiore di Capacitor: utilizza la versione maggiore del plugin 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-incoming-call-kit?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-incoming-call-kit/ e il pacchetto è gratuito da installare su npm. Sono graditi i rapporti di bug e le richieste di pull.

Posso aggiornare code che utilizza il kit per le chiamate in arrivo senza una revisione dell'App Store?

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

Invia modifiche al kit di chiamata in arrivo senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua build di store, Capgo le aggiornamenti in tempo reale inviano le tue modifiche JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo