メインコンテンツにジャンプ
@capgo/capacitor-incoming-call-kit コミュニケーション オープンソース

Incoming Call Kit Capacitor プラグイン

iOS の CallKit と Android のフルスクリーン通知を使用して、ネイティブの着信 UI を提供します。

インストール

bun add @capgo/capacitor-incoming-call-kit bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-incoming-call-kit
  • pnpm add @capgo/capacitor-incoming-call-kit
  • yarn add @capgo/capacitor-incoming-call-kit

ガイド

CapacitorでIncoming Call Kitを使用する方法

デバイスでテスト

Capgoアプリをダウンロードし、QR codeをスキャンしてください。

Incoming Call Kit プラグインのプレビュー QR code

@capgo/capacitor-incoming-call-kitを使用

Capacitor APIは、ネイティブの着信表現を提示するために使用されます。

インストール

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

bunx cap sync プラグインのネイティブ codeをプロジェクトにコピーします。プラグインのアップグレード後は、再度実行してください。

インポート

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

APIの概要

方法 説明
showIncomingCall native incoming call UIを表示します。
endCall 特定のトラッキングされたコールを終了します。
endAllCalls すべてのトラッキングされたコールを終了します。
getActiveCalls 現在トラッキングされているコールを取得します。
checkPermissions 通知とフルスクリーン インテントの現在の許可状態を取得します。
requestPermissions 通知の許可を要求します。プラットフォームがサポートする場合。
requestFullScreenIntentPermission Android 14+のフルスクリーン インテント設定ページを開きます。利用可能な場合。

例

showIncomingCall()

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

特定のトラッキングされたコールを終了します。

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

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

endAllCalls()

すべてのトラッキングされたコールを終了します。

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

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

getActiveCalls()

現在トラッキングされているコールを取得します。

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

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

checkPermissions()

通知とフルスクリーン インテントの現在の許可状態を返します。

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

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

requestPermissions()

通知許可を要求します。プラットフォームがサポートする場合。

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

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

上の表には、7つのコアメソッドがリストされています。リスナーとバージョンヘルパー、各メソッドのフルコントラクトは、以下の__CAPGO_KEEP_0__リポジトリにドキュメントされています。 GitHub リポジトリ.

イベントをリスンする

addListener ハンドルを返します。画面がアンマウントされたとき、または handle.remove() すべてのリスナーをクリアする IncomingCallKit.removeAllListeners() フル リファレンス

ドキュメント

Capgoから@capgo/capacitor-incoming-call-kitを継続して使用

Capgoを使用している場合 Using @capgo/capacitor-incoming-call-kit 計画ダッシュボードとAPIの運用を、 @capgo/capacitor-incoming-call-kit @capgo/capacitorIncomingCallKitの実装詳細について Introductionの実装詳細についてはIntroductionを参照してください __CAPGO_KEEP_0__の概要 API Overview Capacitor Incoming Call Kitの実装詳細についてはAPIオーバービュー Introduction Capacitor Incoming Call Kitの使用 API キー API キーの実装詳細について

FAQ

Incoming Call Kit プラグイン FAQ

Incoming Call Kit プラグインを Capacitor アプリにインストールする方法は?

Run "bun add @capgo/capacitor-incoming-call-kit" (または "npm install @capgo/capacitor-incoming-call-kit"), そして "bunx cap sync" を実行して iOS と Android のプロジェクトがネイティブ code を取得できるようにします。 それから、インポートするには "@capgo/capacitor-incoming-call-kit" をアプリの code で使用します。

@capgo/capacitor-incoming-call-kit は React、Vue、Angular とどのように動作するか?

Yes. Incoming Call Kit is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-incoming-call-kit support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-incoming-call-kit は無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-incoming-call-kit/ and the package is free to install from npm. Bug reports and pull requests are welcome.

code が Incoming Call Kit を使用している場合、App Store のレビューなしで code を更新できますか?

プラグインをインストールまたはアップグレードすると、ネイティブ code が変更されるため、新しいストアビルドが必要になります。 その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと、Capgo のライブアップデートで即時配信できます。

バータイトに安了できからういですはバータイトに安了できからういですのバータイトに安了できからういですをバータイトに安了できからういですだ

Once the plugin is in your store build, Capgo live updates push your JavaScript, HTML and CSS changes to users in minutes.

Start with Capgo