Saltar al contenido principal

Kit de llamadas entrantes plugin de Capacitor

Muestre una interfaz de llamada nativa con iOS CallKit y notificaciones de pantalla completa de Android

Instalar

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

Guía

Cómo usar Incoming Call Kit en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo y escane el código QR code.

Incoming Call Kit plugin preview QR code

Usando @capgo/capacitor-kit-de-llamadas-entrantes

Capacitor API para presentar una superficie nativa de llamadas entrantes.

Instalar

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

bunx cap sync Copia el code nativo del plugin en tus proyectos nativos. Correlo de nuevo después de cada actualización del plugin.

Importar

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

Vista general de API

Método Descripción
showIncomingCall Muestra la interfaz de llamadas entrantes nativas.
endCall Finaliza una llamada rastreada específica.
endAllCalls Finaliza todas las llamadas rastreadas.
getActiveCalls Devuelve las llamadas rastreadas actuales.
checkPermissions Devuelve el estado de permiso actual para notificaciones y intenciones de pantalla completa.
requestPermissions Solicita el permiso de notificación cuando el plataforma lo soporta.
requestFullScreenIntentPermission Abre la página de ajustes de intención de pantalla completa de Android 14+ cuando esté disponible.

Ejemplos

showIncomingCall()

Muestra la interfaz de llamadas entrantes nativas.

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

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

endCall()

Finaliza una llamada rastreada específica.

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

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

endAllCalls()

Finaliza todas las llamadas rastreadas.

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

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

getActiveCalls()

Devuelve las llamadas rastreadas actuales.

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

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

checkPermissions()

Devuelve el estado de permiso actual para notificaciones y intenciones de pantalla completa.

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

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

requestPermissions()

Solicita el permiso de notificación cuando el plataforma lo soporta.

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

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

La tabla anterior muestra los 7 métodos básicos. Los ayudantes de escucha y versión, y el contrato completo de cada método, se documentan en el GitHub repositorio.

Escuchar eventos

addListener devuelve un manejador. Llame a handle.remove() cuando la pantalla se desmonta, o IncomingCallKit.removeAllListeners() para eliminar todos los escuchas.

Referencia completa

Continúa desde Uso de @capgo/capacitor-incoming-call-kit

Si estás utilizando Uso de @capgo/capacitor-incoming-call-kit Para planificar la consola y las operaciones de API, conecta con @capgo/capacitor-incoming-call-kit para los detalles de implementación en @capgo/capacitor-incoming-call-kit Obtenga información básica para los detalles de implementación en Obtenga información básica Resumen de API para los detalles de implementación en Resumen de API Introducción para los detalles de implementación en Introducción, y API Claves para el detalle de implementación en API Claves.

FAQ

FAQ del plugin Incoming Call Kit

¿Cómo instalo el plugin Incoming Call Kit en una aplicación Capacitor?

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

¿Funciona @capgo/capacitor-incoming-call-kit con React, Vue y Angular?

Sí. El kit de llamadas entrantes 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-incoming-call-kit?

Capgo plugins siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con tu 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 gratuito y de código abierto @capgo/capacitor-incoming-call-kit?

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

Puedo actualizar code que utiliza Incoming Call Kit sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el code nativo, 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 enviarlos instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios en el kit de llamadas entrantes sin esperar a la revisión de la aplicación

Una vez que el plugin esté en su tienda de construcción, Capgo actualizaciones en vivo empujan sus cambios de JavaScript, HTML y CSS a los usuarios en minutos

Comience con Capgo