Saltar al contenido principal
@capgo/capacitor-kit-de-llamada-entrante Comunicación Fuente abierta

Kit de llamada entrante 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 utilizar Incoming Call Kit en Capacitor

Usando @capgo/capacitor-kit-de-llamada-incompleta

Capacitor API para presentar una superficie de llamada nativa.

Instalar

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

bunx cap sync copia el nativo code 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';

API a la vista

Método Descripción
showIncomingCall Muestra la interfaz de llamada UI nativa.
endCall Termina una llamada rastreada específica.
endAllCalls Termina todas las llamadas rastreadas.
getActiveCalls Devuelve las llamadas rastreadas actualmente.
checkPermissions Devuelve el estado de permiso actual para notificaciones y intenciones de pantalla completa.
requestPermissions Solicita la 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 llamada entrante nativa.

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

Termina una llamada rastreada específica.

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

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

getActiveCalls()

Termina todas las llamadas rastreadas.

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 la 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, así como el contrato completo de cada método, se documentan en repositorio de GitHub.

Escuchar eventos

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

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-incoming-call-kit

Si estás utilizando Usando @capgo/capacitor-incoming-call-kit para planificar la consola de instrumentos y API operaciones, conecta con @capgo/capacitor-incoming-call-kit para los detalles de implementación en @capgo/capacitor-incoming-call-kit Getting Started para los detalles de implementación en Inicio API Resumen para los detalles de implementación en API Resumen Introducción para los detalles de implementación en Introducción, y API Claves para los detalles de implementación en API Claves.

FAQ

Kit de llamadas entrantes del plugin FAQ

Cómo instalo el kit de llamadas entrantes 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 de 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?

Los plugins Capgo siguen la versión mayor de Capacitor: utilice la versión mayor del plugin que coincida con la versión mayor de su Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-incoming-call-kit gratuito y de código abierto?

Sí. El código fuente 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 agradecen los informes de errores y solicitudes de cambios.

¿Puedo actualizar code que utiliza el Kit de Llamadas Entrantes sin una revisión de la Tienda?

La instalación o actualización del 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 enviar directamente con Capgo actualizaciones en vivo.

Envía cambios en el kit de llamadas entrantes 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