Zum Hauptinhalt springen

Eingehende Rufanruf-Kit Capacitor Plugin

Ermöglichen Sie eine native Anruferfunktionalität mit iOS CallKit und Android-Full-Screen-Benachrichtigungen

Installieren

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

Richtlinie

So verwenden Sie Incoming Call Kit in Capacitor

Auf Gerät testen

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-code.

Eingehende Anruf-Kit-Plugin-Vorschau QR code

Verwenden Sie @capgo/capacitor-eingehender-anruf-kit

Capacitor API für die Darstellung einer nativen Eingehenden-Anruf-Oberfläche.

Installieren

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

bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem Sie jedes Plugin aktualisiert haben.

Importieren

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

API im Überblick

Methode Beschreibung
showIncomingCall Zeigt die native Eingangsanruf-UI an.
endCall Beendet einen bestimmten verfolgten Anruf.
endAllCalls Beendet alle verfolgten Anrufe.
getActiveCalls Gibt die derzeit verfolgten Anrufe zurück.
checkPermissions Gibt den aktuellen Zustand der Benachrichtigungs- und Vollbild-Intents zurück.
requestPermissions Bittet um die Benachrichtigungs-Erlaubnis, wenn die Plattform es unterstützt.
requestFullScreenIntentPermission Öffnet die Einstellungen für Vollbild-Intents auf Android 14+ wenn verfügbar.

Beispiele

showIncomingCall()

Zeigt die native Eingangsanruf-UI an.

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

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

endCall()

Beendet einen bestimmten verfolgten Anruf.

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

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

endAllCalls()

Beendet alle verfolgten Anrufe.

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

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

getActiveCalls()

Gibt die derzeit verfolgten Anrufe zurück.

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

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

checkPermissions()

Ruft den aktuellen Zustand der Benachrichtigungs- und Vollbild-Intents ab.

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

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

requestPermissions()

Gibt die Benachrichtigungs-Erlaubnis an, wenn die Plattform es unterstützt.

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

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

Die Tabelle oben listet die 7 Kernmethoden. Helfer für Listener und Versionen sowie die vollständige Vertragsstruktur jeder Methode sind in der GitHub-Repository.

Hören Sie auf Ereignisse

addListener erstellt einen Handle. Rufen Sie handle.remove() an, wenn das Bildschirm-Unmount-Event auftritt, oder IncomingCallKit.removeAllListeners() um alle Listener zu löschen.

Vollständige Referenz

Fortsetzung von @capgo/capacitor-eingehende-Anruf-Kit

Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-eingehende-Anruf-Kit verwenden Verwenden Sie @capgo/capacitor-eingehende-Anruf-Kit Um das Dashboard und die API-Operationen zu planen, verbinden Sie es mit @capgo/capacitor-eingehende-Anruf-Kit Um die Implementierungsdetails in @capgo/capacitor-eingehende-Anruf-Kit zu erhalten Anleitung zum Starten Um die Implementierungsdetails in Anleitung zum Starten zu erhalten API-Übersicht Um die Implementierungsdetails in API-Übersicht zu erhalten Einführung Um die Implementierungsdetails in Einführung zu erhalten API Schlüssel zur Implementierungsdetail in API Schlüssel.

FAQ

FAQ zu Incoming Call Kit

Wie installiere ich das Incoming Call Kit-Plugin in einer Capacitor-App?

Führen Sie "bun add @capgo/capacitor-incoming-call-kit" (oder "npm install @capgo/capacitor-incoming-call-kit"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code aufnehmen. Importieren Sie es aus "@capgo/capacitor-incoming-call-kit" in Ihrer code-App.

Funktioniert @capgo/capacitor-incoming-call-kit mit React, Vue und Angular?

Ja. Das Incoming Call Kit ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-incoming-call-kit?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrer Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-incoming-call-kit kostenlos und Open-Source?

Ja. Die Quellcode-code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-incoming-call-kit/ verfügbar und das Paket kann kostenlos installiert werden von npm. Bug-Reports und Pull-Requests sind willkommen.

Kann ich code aktualisieren, das Incoming Call Kit verwendet, ohne eine App-Store-Überprüfung?

Nachdem Sie das Plugin installiert oder aktualisiert haben, benötigt die native code eine neue App-Store-Überprüfung. Nachdem Sie diese durchgeführt haben, können Sie JavaScript-, HTML- und CSS-Änderungen, die den Plugin-Aufruf enthalten, sofort mit Capgo-Live-Updates bereitstellen.

Incoming Call Kit-Änderungen ohne Wartezeit auf die App-Überprüfung versenden.

Einmal der Plugin in Ihrem Store-Builder installiert ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten

Starten Sie mit Capgo