Passer à la navigation principale
@capgo/capacitor-intercom Communication Source ouverte

Intercom plugin Capacitor

Intégrer le chat en direct, le centre d'aide et les workflows de support dans votre application Capacitor

Installer

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

Guide

Comment utiliser Intercom dans Capacitor

Testez sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin code Intercom

Utilisez @capgo/capacitor-intercom

Le plugin Capacitor Intercom.

Installer

bun add @capgo/capacitor-intercom
bunx cap sync

bunx cap sync copie le code natif du plugin code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

API en un coup d'œil

Méthode Description
loadWithKeys Initialisez Intercom avec API clés en temps de exécution. Utilisez cela si vous préférez ne pas configurer les clés dans capacitor.config.
registerIdentifiedUser Enregistrez un utilisateur connu avec Intercom. Au moins l'un des identifiants utilisateur ou email doit être fourni.
registerUnidentifiedUser Enregistrez un utilisateur anonyme avec Intercom.
updateUser Update user attributes in Intercom.
logout Déconnectez l'utilisateur d'Intercom.
logEvent Enregistrez un événement personnalisé dans Intercom.
displayMessenger Ouvrez le messager Intercom.
displayMessageComposer Ouvrez le compositeur de message avec un message pré-rempli.
displayHelpCenter Ouvrez le centre d'aide Intercom.
hideMessenger Cacherez le messager Intercom.
displayLauncher Affichez le bouton de lancement Intercom.
hideLauncher Cacherez le bouton de lancement Intercom.
displayInAppMessages Activer les messages dans l'application de Intercom.
hideInAppMessages Désactiver les messages en application de Intercom.
displayCarousel Afficher un carrousel spécifique d'Intercom.
displayArticle Afficher un article spécifique d'Intercom.
displaySurvey Afficher un sondage spécifique d'Intercom.
setUserHash Configurer le HMAC pour la vérification d'identité.
setUserJwt Configurer JWT pour une authentification sécurisée du messager.
setBottomPadding Fixer l'écartement en bas pour l'interface utilisateur de messagerie Intercom.
sendPushTokenToIntercom Envoyer un jeton de notification push à Intercom.
receivePush Gérer un message de notification push reçu d'Intercom.
getUnreadConversationCount Obtenir le nombre de conversations non lues pour l'utilisateur actuel.

Exemples

loadWithKeys()

Initialisez Intercom avec API clés en temps de exécution. Utilisez cela si vous préférez ne pas configurer les clés dans capacitor.config.

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

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

registerIdentifiedUser()

Enregistrez un utilisateur connu avec Intercom. Au moins l'un des userId ou email doit être fourni.

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

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

registerUnidentifiedUser()

Enregistrez un utilisateur anonyme avec Intercom.

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

await CapgoIntercom.registerUnidentifiedUser();

updateUser()

Update user attributes in Intercom.

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

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

logout()

Déconnectez l'utilisateur d'Intercom.

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

await CapgoIntercom.logout();

logEvent()

Enregistrez un événement personnalisé dans Intercom.

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

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

La table ci-dessus liste les 23 méthodes de base. Les aides aux écouteurs et aux versions, ainsi que la pleine convention de chaque méthode, sont documentés dans le GitHub dépôt.

Écoutez les événements

addListener retourne un gestionnaire. Appelez handle.remove() lorsque la page se démonte, ou CapgoIntercom.removeAllListeners() pour supprimer tous les écouteurs.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-intercom

Si vous utilisez L'utilisation de @capgo/capacitor-intercom pour planifier le travail du plugin natif, connectez-l’avec @capgo/capacitor-intercom pour les détails d'implémentation dans @capgo/capacitor-intercom Prise en main pour les détails d'implémentation dans Prise en main, Répertoire de plugins Capgo pour le flux de travail du produit dans le Capgo Répertoire de plugins Capacitor Plugins par Capgo pour le détail d'implémentation dans les Capacitor Plugins par Capgo, et Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins.

FAQ

FAQ du plugin Intercom

Comment puis-je installer le plugin Intercom dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-intercom » (ou « npm install @capgo/capacitor-intercom »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en charge le code natif. Importez-l’à partir de « @capgo/capacitor-intercom » dans votre application code.

Le plugin @capgo/capacitor-intercom fonctionne-t-il avec React, Vue et Angular?

Oui. Intercom est un package Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-intercom?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Est-ce que @capgo/capacitor-intercom est gratuit et open source ?

Oui. Le code source code est public sur GitHub à https://github.com/Cap-go/capacitor-intercom/ et le package est gratuit pour l'installation depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise Intercom sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin modifie le code natif code, il faut donc une nouvelle mise à jour de l'App Store. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo en direct.

Envoyez les modifications d'Intercom sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en direct poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrez avec Capgo