Saltar al contenido principal
@capgo/capacitor-intercom Comunicación Código abierto

Intercom plugin Capacitor

Integra el chat en vivo, el centro de ayuda y los flujos de soporte de Intercom en tu app Capacitor

Instalar

bun add @capgo/capacitor-intercom bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-intercom
  • pnpm add @capgo/capacitor-intercom
  • yarn add @capgo/capacitor-intercom

Guía

Cómo usar Intercom en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin de Intercom code

Usando @capgo/capacitor-intercom

Plugin de Intercom para Capacitor.

Instalar

bun add @capgo/capacitor-intercom
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { CapgoIntercom } from '@capgo/capacitor-intercom';

API de un vistazo

Método Descripción
loadWithKeys Inicializa Intercom con las claves de API en tiempo de ejecución. Úsalo si prefieres no configurar las claves en capacitor.config.
registerIdentifiedUser Registra un usuario conocido en Intercom. Debes proporcionar al menos uno de los dos: userId o email.
registerUnidentifiedUser Registra un usuario anónimo en Intercom.
updateUser Actualiza los atributos del usuario en Intercom.
logout Cierra la sesión del usuario en Intercom.
logEvent Registra un evento personalizado en Intercom.
displayMessenger Abre el messenger de Intercom.
displayMessageComposer Abre el compositor de mensajes con un mensaje precargado.
displayHelpCenter Abre el centro de ayuda de Intercom.
hideMessenger Oculta el messenger de Intercom.
displayLauncher Muestra el botón de Intercom.
hideLauncher Oculta el botón del launcher de Intercom.
displayInAppMessages Activa los mensajes in-app de Intercom.
hideInAppMessages Desactiva los mensajes in-app de Intercom.
displayCarousel Muestra un carrusel específico de Intercom.
displayArticle Muestra un artículo específico de Intercom.
displaySurvey Muestra una encuesta específica de Intercom.
setUserHash Configura el HMAC para la verificación de identidad.
setUserJwt Configura el JWT para la autenticación segura del messenger.
setBottomPadding Configura el padding inferior de la UI del messenger de Intercom.
sendPushTokenToIntercom Envía un token de notificaciones push a Intercom.
receivePush Gestiona una notificación push recibida de Intercom.
getUnreadConversationCount Obtén el número de conversaciones sin leer del usuario actual.

Ejemplos

loadWithKeys()

Inicializa Intercom con las claves de API en tiempo de ejecución. Úsalo si prefieres no configurar las claves en capacitor.config.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.loadWithKeys({
  appId: 'app-id-123',
  apiKeyIOS: 'api-key-ios',
  apiKeyAndroid: 'api-key-android',
});

registerIdentifiedUser()

Registra un usuario conocido en Intercom. Debes proporcionar al menos uno de los dos: userId o email.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.registerIdentifiedUser({
  userId: 'user-id-123',
  email: 'user@example.com',
});

registerUnidentifiedUser()

Registra un usuario anónimo en Intercom.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.registerUnidentifiedUser();

updateUser()

Actualiza los atributos del usuario en Intercom.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.updateUser({ userId: 'user-id-123' });

logout()

Cierra la sesión del usuario en Intercom.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.logout();

logEvent()

Registra un evento personalizado en Intercom.

import { CapgoIntercom } from '@capgo/capacitor-intercom';

await CapgoIntercom.logEvent({ name: 'example' });

La tabla anterior enumera los 23 métodos principales. Los helpers de versión y listeners, así como el contrato completo de cada método, están documentados en la repositorio GitHub.

Escuchar eventos

addListener devuelve un handle. Llama handle.remove() cuando la pantalla se desmonte, o CapgoIntercom.removeAllListeners() para limpiar todos los listeners.

Referencia completa

Continúa desde Usando @capgo/capacitor-intercom

Si estás usando Usando @capgo/capacitor-intercom para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-intercom para los detalles de implementación en @capgo/capacitor-intercom, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

FAQ del plugin de Intercom

¿Cómo instalo el plugin de Intercom en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-intercom" (o "npm install @capgo/capacitor-intercom"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-intercom" en el code de tu app.

¿Es compatible @capgo/capacitor-intercom con React, Vue y Angular?

Sí. Intercom es un paquete Capacitor, así que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluidos Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-intercom?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-intercom gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-intercom/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Intercom sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Intercom sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo