Ke halaman utama

Kit Panggilan Masuk Paket Capacitor

Presentasikan antarmuka panggilan masuk asli dengan iOS CallKit dan pemberitahuan layar penuh Android

Instal

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

Panduan

Cara menggunakan Kit Panggilan Masuk di Capacitor

Menggunakan @capgo/capacitor-kit-panggilan-masuk

Capacitor API untuk menampilkan permukaan panggilan masuk asli.

Install

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

bunx cap sync Menggandakan plugin's native code ke proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

Lihat API secara singkat

Metode Deskripsi
showIncomingCall Menampilkan UI panggilan masuk asli.
endCall Mengakhiri panggilan masuk tertentu yang sedang diikuti.
endAllCalls Mengakhiri semua panggilan masuk yang diikuti.
getActiveCalls Mengembalikan panggilan yang saat ini sedang diikuti.
checkPermissions Mengembalikan status izin saat ini untuk notifikasi dan intent layar penuh.
requestPermissions Mengajukan izin notifikasi ketika platform mendukungnya.
requestFullScreenIntentPermission Membuka halaman pengaturan intent layar penuh Android 14+ ketika tersedia.

Contoh

showIncomingCall()

Tampilkan antarmuka panggilan masuk native.

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

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

endCall()

Menggambarkan UI panggilan masuk asli.

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

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

endAllCalls()

Mengakhiri panggilan tertentu yang diikuti.

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

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

getActiveCalls()

Mengembalikan panggilan yang saat ini sedang diikuti.

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

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

checkPermissions()

Mengembalikan status izin saat ini untuk notifikasi dan intent layar penuh.

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

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

requestPermissions()

Mengajukan izin notifikasi ketika platform mendukungnya.

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

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

Daftar di atas menampilkan 7 metode inti. Bantuan listener dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat di repository GitHub.

Dengarkan event

addListener kembalikan sebuah handle. Panggil handle.remove() ketika layar dihapus, atau IncomingCallKit.removeAllListeners() untuk menghapus setiap pendengar.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-incoming-call-kit

Jika Anda menggunakan Menggunakan @capgo/capacitor-incoming-call-kit untuk merencanakan dashboard dan API operasi, hubungkannya dengan @capgo/capacitor-kit-panggilan-masuk untuk detail implementasi di @capgo/capacitor-kit-panggilan-masuk Panduan Awal untuk detail implementasi di Panduan Awal Ringkasan API untuk detail implementasi di Ringkasan API Pendahuluan untuk detail implementasi di Pendahuluan, dan Kunci API untuk detail implementasi di Kunci API.

FAQ

Teruskan dari Gunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-kit panggilan masuk

Bagaimana cara saya menginstal plugin Incoming Call Kit di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-incoming-call-kit" (atau "npm install @capgo/capacitor-incoming-call-kit"), kemudian jalankan "bunx cap sync" agar proyek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-incoming-call-kit" di aplikasi code Anda.

Apakah @capgo/capacitor-incoming-call-kit berfungsi dengan React, Vue dan Angular?

Ya. Incoming Call Kit adalah paket Capacitor, sehingga berfungsi dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-incoming-call-kit?

Capgo plugin mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipertahankan.

Apakah @capgo/capacitor-incoming-call-kit gratis dan terbuka sumber?

Ya. Sumber code publik di GitHub di https://github.com/Cap-go/capacitor-incoming-call-kit/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya dapat memperbarui code yang menggunakan Incoming Call Kit tanpa melalui tinjauan App Store?

Pemasangan atau pengupgrade plugin mengubah native code, sehingga memerlukan build aplikasi baru. Setelah itu, perubahan JavaScript, HTML dan CSS yang memanggil plugin dapat berlalu-lalang dengan Capgo live updates.

Ship Kit Pemasaran Masuk Tanpa Menunggu Tinjauan Aplikasi

Setelah plugin ada di toko Anda, Capgo pembaruan hidup membagikan perubahan JavaScript, HTML, dan CSS Anda kepada pengguna dalam menit-menit.

Mulai dengan Capgo