Langsung ke konten utama
@capgo/capacitor-intercom Komunikasi Open source

Intercom plugin Capacitor

Integrasikan live chat, help center, dan workflow support Intercom ke dalam aplikasi Capacitor Anda

Instal

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

Panduan

Cara menggunakan Intercom di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR preview plugin Intercom code

Menggunakan @capgo/capacitor-intercom

Plugin Intercom Capacitor.

Instal

bun add @capgo/capacitor-intercom
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
loadWithKeys Inisialisasi Intercom dengan kunci API saat runtime. Gunakan ini jika Anda tidak ingin mengonfigurasi kunci di capacitor.config.
registerIdentifiedUser Daftarkan user yang dikenal ke Intercom. Setidaknya salah satu dari userId atau email harus diisi.
registerUnidentifiedUser Daftarkan user anonim ke Intercom.
updateUser Perbarui atribut user di Intercom.
logout Logout user dari Intercom.
logEvent Log custom event di Intercom.
displayMessenger Buka messenger Intercom.
displayMessageComposer Buka composer pesan dengan pesan yang sudah terisi.
displayHelpCenter Buka help center Intercom.
hideMessenger Sembunyikan messenger Intercom.
displayLauncher Tampilkan tombol launcher Intercom.
hideLauncher Sembunyikan tombol launcher Intercom.
displayInAppMessages Aktifkan pesan in-app dari Intercom.
hideInAppMessages Nonaktifkan pesan in-app dari Intercom.
displayCarousel Tampilkan carousel Intercom tertentu.
displayArticle Tampilkan artikel Intercom tertentu.
displaySurvey Tampilkan survei Intercom tertentu.
setUserHash Atur HMAC untuk verifikasi identitas.
setUserJwt Atur JWT untuk autentikasi messenger yang aman.
setBottomPadding Atur padding bawah untuk UI messenger Intercom.
sendPushTokenToIntercom Kirim token push notification ke Intercom.
receivePush Tangani push notification Intercom yang diterima.
getUnreadConversationCount Dapatkan jumlah percakapan belum terbaca untuk pengguna saat ini.

Contoh

loadWithKeys()

Inisialisasi Intercom dengan kunci API saat runtime. Gunakan ini jika Anda tidak ingin mengonfigurasi kunci di capacitor.config.

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

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

registerIdentifiedUser()

Daftarkan user yang dikenal ke Intercom. Setidaknya salah satu dari userId atau email harus diisi.

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

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

registerUnidentifiedUser()

Daftarkan user anonim ke Intercom.

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

await CapgoIntercom.registerUnidentifiedUser();

updateUser()

Perbarui atribut user di Intercom.

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

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

logout()

Logout user dari Intercom.

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

await CapgoIntercom.logout();

logEvent()

Log custom event di Intercom.

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

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

Tabel di atas mencantumkan 23 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau CapgoIntercom.removeAllListeners() untuk menghapus semua listener.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-intercom

Jika Anda menggunakan Menggunakan @capgo/capacitor-intercom untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-intercom untuk detail implementasi di @capgo/capacitor-intercom, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin Intercom

Bagaimana cara install plugin Intercom di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-intercom" (atau "npm install @capgo/capacitor-intercom"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-intercom" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-intercom mendukung React, Vue, dan Angular?

Ya. Intercom adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-intercom?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-intercom gratis dan open source?

Ya. Source code code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-intercom/ dan paketnya gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Intercom tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Intercom tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo