Ir al contenido principal
@capgo/capacitor-intercom Comunicación Fuente abierta

Intercom Plugin de Capacitor

Integra el chat en vivo de Intercom, centro de ayuda y flujos de trabajo de soporte en tu aplicación 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 dispositivo

Descarga la aplicación Capgo, luego escanea el código QR code.

Vista previa del plugin Intercom QR code

Usando @capgo/capacitor-intercom

Plugin de Intercom Capacitor

Instalar

bun add @capgo/capacitor-intercom
bunx cap sync

bunx cap sync copia el plugin nativo code en tus proyectos nativos. Correrlo nuevamente después de cada actualización del plugin.

Importar

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

Vista general de API

Método Descripción
loadWithKeys Inicialice Intercom con API claves en tiempo de ejecución. Utilice esto si prefiere no configurar claves en capacitor.config.
registerIdentifiedUser Registre a un usuario conocido con Intercom. Se debe proporcionar al menos uno de los campos userId o email.
registerUnidentifiedUser Registre a un usuario anónimo con Intercom.
updateUser Actualiza los atributos del usuario en Intercom.
logout Cierre la sesión del usuario en Intercom.
logEvent Registre un evento personalizado en Intercom.
displayMessenger Abra el mensajero de Intercom.
displayMessageComposer Abra el compositor de mensajes con un mensaje prellenado.
displayHelpCenter Abra el centro de ayuda de Intercom.
hideMessenger Oculte el mensajero de Intercom.
displayLauncher Muestre el botón de lanzador de Intercom.
hideLauncher Oculte el botón de lanzador de Intercom.
displayInAppMessages Activar mensajes en la aplicación desde Intercom.
hideInAppMessages Desactivar mensajes en la aplicación desde Intercom.
displayCarousel Mostrar un carrusel específico de Intercom.
displayArticle Mostrar un artículo específico de Intercom.
displaySurvey Mostrar un sondeo específico de Intercom.
setUserHash Establecer el HMAC para la verificación de identidad.
setUserJwt Establecer JWT para la autenticación del mensajero seguro.
setBottomPadding Set the bottom padding for the Intercom messenger UI.
sendPushTokenToIntercom Enviar un token de notificación push a Intercom.
receivePush Manejar una notificación push recibida de Intercom.
getUnreadConversationCount Obtener el número de conversaciones no leídas para el usuario actual.

Ejemplos

loadWithKeys()

Inicialice Intercom con API claves en tiempo de ejecución. Utilice esto si prefiere no configurar 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()

Registre a un usuario conocido con Intercom. Se debe proporcionar al menos uno de los campos userId o email.

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

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

registerUnidentifiedUser()

Registre a un usuario anónimo con 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()

Desconecte al usuario de Intercom.

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

await CapgoIntercom.logout();

logEvent()

Registre un evento personalizado en Intercom.

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

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

La tabla anterior muestra los 23 métodos básicos. Los ayudantes de escucha y versión, y la completa contratación de cada método, se documentan en el GitHub repositorio.

Escuche eventos

addListener devuelve un manejador. Llame a handle.remove() cuando se desmonte la pantalla, o CapgoIntercom.removeAllListeners() para eliminar todos los escuchadores.

Referencia completa

Sigue adelante desde Using @capgo/capacitor-intercom

Si estás utilizando Usando @capgo/capacitor-intercom para planificar el trabajo de plugin nativo, conectarlo con @capgo/capacitor-intercom para los detalles de implementación en @capgo/capacitor-intercom Inicio rápido para los detalles de implementación en Inicio rápido, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo Plugins de Capacitor por Capgo para el detalle de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.

FAQ

Preguntas frecuentes del plugin Intercom

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

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

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

Yes. Intercom is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

¿Qué versión de Capacitor soporta @capgo/capacitor-intercom?

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.

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

¡Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-intercom/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza Intercom sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar actualizaciones en vivo con Capgo instantáneamente.

Envía cambios de Intercom sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo