Allez directement au contenu principal
@capgo/capacitor-kit-appel-entrant Communication Source ouvert

Kit d'appel entrant plugin Capacitor

Présentez une interface utilisateur d'appel entrant native avec iOS CallKit et notifications d'écran plein écran Android

Installer

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

Guide

Comment utiliser Incoming Call Kit dans Capacitor

Testez sur appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Prévisualisation du kit d'appel entrant : QR code

Utilisez @capgo/capacitor-kit-d-appel-entrant

Capacitor API pour présenter une surface d'appel entrant native.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Import

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

API en un coup d'œil

Méthode Description
showIncomingCall Displays the native incoming call UI.
endCall Termine un appel spécifique suivi.
endAllCalls Termine tous les appels suivis.
getActiveCalls Retourne les appels actuellement suivis.
checkPermissions Retourne l'état actuel des permissions pour les notifications et les intentions d'écran plein.
requestPermissions Demande la permission de notification lorsque le support est disponible.
requestFullScreenIntentPermission Ouvre la page de paramètres d'intention d'écran plein Android 14+ lorsque disponible.

Exemples

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

Termine un appel spécifique suivi.

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

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

endAllCalls()

Termine tous les appels suivis.

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

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

getActiveCalls()

Retourne les appels actuellement suivis.

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

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

checkPermissions()

Retourne l'état actuel des permissions pour les notifications et les intentions d'écran plein.

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

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

requestPermissions()

Demande la permission de notification lorsque le système le supporte.

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

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

La table ci-dessus liste les 7 méthodes de base. Les helpers de listener et de version, ainsi que la pleine convention de chaque méthode, sont documentés dans le le dépôt GitHub.

Écoutez les événements

addListener retourne un handle. Appel handle.remove() lorsque l'écran est démonté, ou IncomingCallKit.removeAllListeners() pour supprimer tous les listeners.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-incoming-call-kit

Si vous utilisez L'utilisation de @capgo/capacitor-incoming-call-kit pour planifier le tableau de bord et les opérations API, connectez-l’à @capgo/capacitor-incoming-call-kit pour les détails d'implémentation dans @capgo/capacitor-incoming-call-kit Prise en main pour les détails d'implémentation dans Prise en main, API Vue d'ensemble pour les détails d'implémentation dans API Vue d'ensemble, Introduction pour les détails d'implémentation dans Introduction, et API Clés pour les détails d'implémentation dans API Clés.

FAQ

Kit de prise de appel entrante : FAQ

Comment installer le kit de prise de appel entrante dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-incoming-call-kit » (ou « npm install @capgo/capacitor-incoming-call-kit »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif. Importez-l’à partir de « @capgo/capacitor-incoming-call-kit » dans votre application code.

Fonctionne-t-il @capgo/capacitor-incoming-call-kit avec React, Vue et Angular ?

Oui. Le kit de prise de appel entrante est un paquet Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript simple.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-incoming-call-kit ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à votre version majeure de Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Est-ce que @capgo/capacitor-incoming-call-kit est gratuit et open source ?

Oui. Le code source code est public sur GitHub à https://github.com/Cap-go/capacitor-kit d'appel entrant/ et le package est gratuit pour l'installation depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise Incoming Call Kit sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin modifie le code natif code, il faut donc une nouvelle mise à jour de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyez les modifications du kit d'appel entrant sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, les mises à jour en direct Capgo poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Commencez par Capgo