메인 콘텐츠로 건너뛰기
@capgo/capacitor-incoming-call-kit 커뮤니케이션 오픈 소스

Incoming Call Kit Capacitor 플러그인

iOS CallKit 및 Android 풀 스크린 알림을 사용하여 네이티브 incoming-call 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 incoming-call surface를 원래대로 보여주기 위해.

설치

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

bunx cap sync 플러그인의 네이티브 code을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

import

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

API 한눈에

메서드 설명
showIncomingCall 원래 incoming call UI를 표시합니다.
endCall 특정 추적된 호출을 종료합니다.
endAllCalls 모든 추적된 호출을 종료합니다.
getActiveCalls 현재 추적된 호출을 반환합니다.
checkPermissions 알림 및 전체 화면 의도에 대한 현재 허용 상태를 반환합니다.
requestPermissions 알림 허용을 요청합니다. (지원하는 플랫폼에서만)
requestFullScreenIntentPermission Android 14+의 전체 화면 의도 설정 페이지를 열어줍니다. (사용 가능한 경우)

예시

showIncomingCall()

원래 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() 전체 참조

문서

Using @capgo/capacitor-incoming-call-kit

만약에 Using @capgo/capacitor-incoming-call-kit 계획 대시보드와 API 운영을 계획하려면 @capgo/capacitor-incoming-call-kit implementation detail in @capgo/capacitor-incoming-call-kit 시작하기 implementation detail in Getting Started API 개요 implementation detail in API Overview Introduction implementation detail in Introduction API 키 API 구현 세부 사항에 대한 키.

FAQ

Incoming Call Kit 플러그인 FAQ

Incoming Call Kit 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-incoming-call-kit" (or "npm install @capgo/capacitor-incoming-call-kit"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-incoming-call-kit" in your app code.

React, Vue 및 Angular과 함께 @capgo/capacitor-incoming-call-kit이 작동합니까?

네. Incoming Call Kit은 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 실행되는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-incoming-call-kit을 지원합니까?

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은 무료이며 오픈 소스인가?

네. code 소스는 GitHub에 공개되어 있습니다. https://github.com/Cap-go/capacitor-incoming-call-kit/에서 확인할 수 있으며, npm에서 무료로 설치할 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code가 Incoming Call Kit을 사용하는 경우 App Store 리뷰 없이 업데이트할 수 있나요?

code 플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로, 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트를 통해 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 Incoming Call Kit 변경을 배포하세요

플러그인은 스토어 빌드에 추가되면 Capgo 라이브 업데이트 통해 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo 시작