Per iniziare
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
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.
Puoi usare il nostro setup assistito dall'IA per installare il plugin. Aggiungi le skill Capgo al tuo strumento di IA usando il seguente comando:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsPoi usa il seguente prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-contacts` plugin in my project.Se preferisci la configurazione manuale, installa il plugin eseguendo questi comandi e segui le istruzioni specifiche per piattaforma qui sotto:
npm install @capgo/capacitor-contactsnpx cap syncImporta
Sezione intitolata “Import”import { CapacitorContacts } from '@capgo/capacitor-contacts';Avvio rapido
Sezione intitolata “Quick start”Richiedi l'accesso, quindi carica i contatti con una dimensione di pagina adeguata invece dell'intero rubrica.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.requestPermissions();const { contacts } = await CapacitorContacts.getContacts({ limit: 50, offset: 0 });// Increase offset by limit for the next page instead of loading the full address book.Errori comuni
Sezione intitolata “Errori comuni”- Rationale: spiega perché è necessario l'accesso ai contatti prima del dialog.
- Paginazione: evita di caricare l'intera rubrica in una volta sola.
- Scrittura: la creazione di contatti richiede i permessi di scrittura.
Panoramica API
Sezione intitolata “Panoramica API”countContacts
Sezione intitolata “countContacts”Conta il numero totale di contatti sul dispositivo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.countContacts();console.log(result);createContact
Sezione intitolata “createContact”Crea un nuovo contatto via codice.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.createContact({ contact: {} });console.log(result);createGroup
Sezione intitolata “createGroup”Crea un nuovo gruppo contatti.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.createGroup({ group: { name: 'example' } });console.log(result);deleteContactById
Sezione intitolata “deleteContactById”Elimina un contatto tramite ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.deleteContactById({ id: 'id-123' });deleteGroupById
Sezione intitolata “deleteGroupById”Elimina un gruppo tramite ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.deleteGroupById({ id: 'id-123' });displayContactById
Sezione: “displayContactById”Visualizza un contatto utilizzando il viewer nativo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.displayContactById({ id: 'id-123' });displayCreateContact
Sezione: “displayCreateContact”Visualizza l'interfaccia nativa per creare un contatto.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.displayCreateContact();console.log(result);displayUpdateContactById
Sezione: “displayUpdateContactById”Visualizza l'interfaccia nativa per aggiornare un contatto specifico.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.displayUpdateContactById({ id: 'id-123' });getAccounts
Sezione: “getAccounts”Recupera tutti gli account disponibili sul dispositivo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getAccounts();console.log(result);getContactById
Sezione: “getContactById”Recupera un contatto specifico tramite 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
Sezione: “getContacts”Recupera tutti i contatti dal dispositivo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getContacts();// The result holds sensitive values: use it without logging it.getGroupById
Sezione: “getGroupById”Recupera un gruppo specifico tramite ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getGroupById({ id: 'id-123' });console.log(result);getGroups
Sezione: “getGroups”Recupera tutti i gruppi di contatti.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.getGroups();console.log(result);isAvailable
Sezione intitolata “isAvailable”Verifica se i contatti sono disponibili sul dispositivo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.isAvailable();console.log(result);isSupported
Sezione intitolata “isSupported”Verifica se il plugin è supportato sulla piattaforma corrente.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.isSupported();console.log(result);openSettings
Sezione intitolata “openSettings”Apri le impostazioni dei contatti del dispositivo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.openSettings();pickContact
Sezione intitolata “pickContact”Seleziona un singolo contatto tramite il picker nativo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.pickContact();// The result holds sensitive values: use it without logging it.pickContacts
Sezione intitolata “pickContacts”Seleziona uno o più contatti tramite il picker nativo.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.pickContacts();// The result holds sensitive values: use it without logging it.updateContactById
Sezione intitolata “updateContactById”Aggiorna un contatto esistente tramite ID.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
await CapacitorContacts.updateContactById({ id: 'id-123', contact: {},});checkPermissions
Sezione intitolata “checkPermissions”Verifica lo stato attuale dei permessi per i contatti.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.checkPermissions();console.log(result);requestPermissions
Sezione intitolata “requestPermissions”Richiedi i permessi per accedere ai contatti.
import { CapacitorContacts } from '@capgo/capacitor-contacts';
const result = await CapacitorContacts.requestPermissions();console.log(result);Riferimento ai tipi
Sezione: “Type Reference”CountContactsResult
Sezione intitolata “CountContactsResult”Risultato del conteggio dei contatti.
export interface CountContactsResult { /** * Total number of contacts. * * @since 1.0.0 */ count: number;}CreateContactOptions
Sezione intitolata “CreateContactOptions”Opzioni per creare un contatto.
export interface CreateContactOptions { /** * Contact information to create. The 'id' field will be generated automatically. * * @since 1.0.0 */ contact: Omit<Contact, 'id'>;}CreateContactResult
Sezione intitolata “CreateContactResult”Risultato della creazione di un contatto.
export interface CreateContactResult { /** * The ID of the newly created contact. * * @since 1.0.0 */ id: string;}CreateGroupOptions
Sezione intitolata “CreateGroupOptions”Opzioni per la creazione di un gruppo.
export interface CreateGroupOptions { /** * Group information to create. The 'id' field will be generated automatically. * * @since 1.0.0 */ group: Omit<Group, 'id'>;}CreateGroupResult
Sezione intitolata “CreateGroupResult”Risultato della creazione di un gruppo.
export interface CreateGroupResult { /** * The ID of the newly created group. * * @since 1.0.0 */ id: string;}DeleteContactByIdOptions
Sezione intitolata “DeleteContactByIdOptions”Opzioni per eliminare un contatto tramite ID.
export interface DeleteContactByIdOptions { /** * The ID of the contact to delete. * * @since 1.0.0 */ id: string;}DeleteGroupByIdOptions
Sezione intitolata “DeleteGroupByIdOptions”Opzioni per eliminare un gruppo tramite ID.
export interface DeleteGroupByIdOptions { /** * The ID of the group to delete. * * @since 1.0.0 */ id: string;}DisplayContactByIdOptions
Sezione intitolata “DisplayContactByIdOptions”Opzioni per visualizzare un contatto tramite ID.
export interface DisplayContactByIdOptions { /** * The ID of the contact to display. * * @since 1.0.0 */ id: string;}DisplayCreateContactOptions
Sezione intitolata “DisplayCreateContactOptions”Opzioni per visualizzare l'interfaccia nativa di creazione contatti.
export interface DisplayCreateContactOptions { /** * Optional pre-filled contact information for the create UI. * * @since 1.0.0 */ contact?: Omit<Contact, 'id'>;}DisplayCreateContactResult
Sezione intitolata “DisplayCreateContactResult”Risultato della visualizzazione dell'interfaccia nativa di creazione contatti.
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
Sezione intitolata “DisplayUpdateContactByIdOptions”Opzioni per visualizzare l'interfaccia nativa di aggiornamento contatti.
export interface DisplayUpdateContactByIdOptions { /** * The ID of the contact to update. * * @since 1.0.0 */ id: string;}GetAccountsResult
Sezione intitolata “GetAccountsResult”Risultato dell'elenco degli account.
export interface GetAccountsResult { /** * List of accounts available on the device. * * @since 1.0.0 */ accounts: Account[];}Fonte di verità
Sezione intitolata “Fonte di verità”Questa pagina è generata dal src/definitions.ts. Riesegui la sync quando il API pubblico cambia upstream.
Continua da Getting Started
Sezione intitolata “Continua da Getting Started”Se stai usando Per iniziare per pianificare le operazioni della dashboard e di API, collegalo a Utilizzo di @capgo/capacitor-contacts per la funzionalità nativa usando @capgo/capacitor-contacts, Panoramica API per i dettagli di implementazione in Panoramica di API, Introduzione per i dettagli di implementazione in Introduzione, Chiavi API per i dettagli di implementazione in Chiavi API, e Dispositivi per i dettagli di implementazione in Dispositivi.