Mulai Menggunakan
Pengaturan siap dicopy dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-contacts`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/contacts/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Kamu bisa menggunakan Setup Bantuan AI kami untuk menginstal plugin ini. Tambahkan kemampuan Capgo ke alat AI kamu menggunakan perintah berikut:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsLalu gunakan prompt berikut:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-contacts` plugin in my project.Jika kamu lebih suka Setup Manual, instal plugin ini dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:
bun add @capgo/capacitor-contactsbunx cap syncImport
Judul Bagian: "Import"import { CapacitorContacts } from '@capgo/capacitor-contacts';API Pengantar
Judul Bagian “API Pengantar”countContacts
Judul Bagian “countContacts”Count the total number of contacts on the device.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.countContacts();console.log(result);createContact
Judul Bagian “createContact”Membuat kontak baru secara programatis.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.createContact({ contact: {} });console.log(result);createGroup
Judul Bagian “createGroup”Membuat kelompok kontak baru.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.createGroup({ group: { name: 'example' } });console.log(result);deleteContactById
Judul Bagian “deleteContactById”Menghapus kontak dengan ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.deleteContactById({ id: 'id-123' });deleteGroupById
Bab berjudul “deleteGroupById”Menghapus grup dengan ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.deleteGroupById({ id: 'id-123' });displayContactById
Bab berjudul “displayContactById”Menggunakan tampilan kontak asli untuk menampilkan kontak.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.displayContactById({ id: 'id-123' });displayCreateContact
Bab berjudul “displayCreateContact”Menggunakan tampilan asli untuk membuat kontak.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.displayCreateContact();console.log(result);displayUpdateContactById
Bab berjudul “displayUpdateContactById”Menampilkan antarmuka pembaruan kontak asli untuk kontak tertentu.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.displayUpdateContactById({ id: 'id-123' });getAccounts
Bab berjudul “getAccounts”Dapatkan semua akun yang tersedia di perangkat.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getAccounts();console.log(result);getContactById
Bab berjudul “getContactById”Dapatkan kontak tertentu berdasarkan ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getContactById({ id: 'id-123' });// The result holds sensitive values: use it without logging it.getContacts
Bab berjudul “getContacts”Dapatkan semua kontak dari perangkat.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getContacts();// The result holds sensitive values: use it without logging it.getGroupById
Bab berjudul “getGroupById”Mendapatkan sebuah kelompok dengan ID tertentu.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getGroupById({ id: 'id-123' });console.log(result);getGroups
Bagian berjudul “getGroups”Mendapatkan semua kelompok kontak.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getGroups();console.log(result);isAvailable
Bagian berjudul “isAvailable”Periksa jika kontak tersedia di perangkat.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.isAvailable();console.log(result);isSupported
Bagian berjudul “isSupported”Periksa jika plugin tersebut didukung di platform saat ini.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.isSupported();console.log(result);openSettings
Bagian berjudul “openSettings”Buka pengaturan kontak perangkat.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.openSettings();pickContact
Bagian berjudul “pilihKontak”Pilih kontak tunggal menggunakan picker kontak native.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.pickContact();// The result holds sensitive values: use it without logging it.pickContacts
Bagian berjudul “pilihKontak-Kontak”Pilih satu atau lebih kontak menggunakan picker kontak native.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.pickContacts();// The result holds sensitive values: use it without logging it.updateContactById
Bagian berjudul “perbaruiKontakDenganId”Perbarui kontak yang sudah ada dengan ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.updateContactById({ id: 'id-123', contact: {},});checkPermissions
Bagian berjudul “periksaIzin”Periksa status izin kontak saat ini.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.checkPermissions();console.log(result);requestPermissions
Bab berjudul “requestPermissions”Akses izin untuk mengakses kontak.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.requestPermissions();console.log(result);Tipe Referensi
Bab berjudul “Tipe Referensi”CountContactsResult
Bab berjudul “CountContactsResult”Hasil dari menghitung kontak.
export interface CountContactsResult { /** * Total number of contacts. * * @since 1.0.0 */ count: number;}CreateContactOptions
Bab berjudul “CreateContactOptions”Opsi untuk membuat kontak.
export interface CreateContactOptions { /** * Contact information to create. The 'id' field will be generated automatically. * * @since 1.0.0 */ contact: Omit<Contact, 'id'>;}CreateContactResult
Bab berjudul “CreateContactResult”Hasil dari membuat kontak.
export interface CreateContactResult { /** * The ID of the newly created contact. * * @since 1.0.0 */ id: string;}CreateGroupOptions
Bab berjudul “CreateGroupOptions”Opsi untuk membuat grup.
export interface CreateGroupOptions { /** * Group information to create. The 'id' field will be generated automatically. * * @since 1.0.0 */ group: Omit<Group, 'id'>;}CreateGroupResult
Bab berjudul “CreateGroupResult”Hasil dari membuat grup.
export interface CreateGroupResult { /** * The ID of the newly created group. * * @since 1.0.0 */ id: string;}DeleteContactByIdOptions
Bab berjudul “DeleteContactByIdOptions”Opsi untuk menghapus kontak berdasarkan ID.
export interface DeleteContactByIdOptions { /** * The ID of the contact to delete. * * @since 1.0.0 */ id: string;}DeleteGroupByIdOptions
Judul Bagian “DeleteGroupByIdOptions”Opsi untuk menghapus grup berdasarkan ID.
export interface DeleteGroupByIdOptions { /** * The ID of the group to delete. * * @since 1.0.0 */ id: string;}DisplayContactByIdOptions
Judul Bagian “DisplayContactByIdOptions”Opsi untuk menampilkan kontak berdasarkan ID.
export interface DisplayContactByIdOptions { /** * The ID of the contact to display. * * @since 1.0.0 */ id: string;}DisplayCreateContactOptions
Judul Bagian “DisplayCreateContactOptions”Opsi untuk menampilkan UI native pembuatan kontak.
export interface DisplayCreateContactOptions { /** * Optional pre-filled contact information for the create UI. * * @since 1.0.0 */ contact?: Omit<Contact, 'id'>;}DisplayCreateContactResult
Judul Bagian “DisplayCreateContactResult”Hasil dari menampilkan UI native pembuatan kontak.
export interface DisplayCreateContactResult { /** * The ID of the created contact, if one was created. Undefined if the user cancelled. * * @since 1.0.0 */ id?: string;}DisplayUpdateContactByIdOptions
Opsi Tampilkan Kontak Dengan ID UpdateOpsi untuk menampilkan UI perbarui kontak asli.
export interface DisplayUpdateContactByIdOptions { /** * The ID of the contact to update. * * @since 1.0.0 */ id: string;}GetAccountsResult
Bab berjudul “Hasil Mendapatkan Akun”Hasil dari mendapatkan akun.
export interface GetAccountsResult { /** * List of accounts available on the device. * * @since 1.0.0 */ accounts: Account[];}Sumber Kebenaran
Bab berjudul “Sumber Kebenaran”Halaman ini dihasilkan dari plugin’s src/definitions.ts. Re-run sinkronisasi ketika API publik berubah di atas.
Teruskan dari Getting Started
Bagian berjudul “Teruskan dari Getting Started”Jika Anda menggunakan Mulai Menggunakan untuk merencanakan dashboard dan operasi API, hubungkannya dengan Menggunakan @capgo/capacitor-contacts untuk kemampuan asli dalam Menggunakan @capgo/capacitor-contacts, API Ringkasan untuk detail implementasi dalam API Ringkasan, Pendahuluan untuk detail implementasi dalam Pendahuluan, API Kunci untuk detail implementasi dalam API Kunci, dan Perangkat untuk detail implementasi di Perangkat.