Getting Started
이 플러그인의 설치 단계와 전체 마크다운 가이드를 포함한 설정 프롬프트를 복사합니다.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-intercom`
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/intercom/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.
설치
설치란Capgo의 AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 Capgo 스킬을 추가하려면 다음 명령어를 사용하세요.
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins그런 다음 다음 명령어를 사용하세요.
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-intercom` plugin in my project.만약 Manual Setup을 선호한다면, 다음 명령어를 실행하고 아래의 플랫폼별 설명을 따라하세요.
bun add @capgo/capacitor-intercombunx cap syncImport
Import 섹션import { CapgoIntercom } from '@capgo/capacitor-intercom';API 개요
API 개요 섹션loadWithKeys
Import 섹션Initialize Intercom with API keys at runtime. capacitor.config에서 키를 설정하지 않으려면 사용하세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.loadWithKeys({} as IntercomLoadOptions);registerIdentifiedUser
registerIdentifiedUser 섹션Intercom에 알려진 사용자를 등록합니다. 사용자 ID 또는 이메일 중 하나 이상을 제공해야 합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.registerIdentifiedUser({} as IntercomIdentifiedUserOptions);registerUnidentifiedUser
registerUnidentifiedUser 섹션Intercom에 익명 사용자를 등록합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.registerUnidentifiedUser();updateUser
updateUser 섹션Intercom에 사용자 속성을 업데이트합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.updateUser({} as IntercomUserUpdateOptions);logout
logout 섹션__CAPGO_KEEP_0__을(를) Intercom에서 로그아웃합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.logout();logEvent
__CAPGO_KEEP_0__ 섹션Intercom에서 사용자 정의 이벤트를 로그합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.logEvent({} as IntercomLogEventOptions);displayMessenger
__CAPGO_KEEP_0__ 섹션Intercom 메신저를 열어줍니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayMessenger();displayMessageComposer
__CAPGO_KEEP_0__ 섹션기본 메시지를 미리 채워진 채로 메시지 작성을 열어줍니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayMessageComposer({} as IntercomMessageComposerOptions);displayHelpCenter
__CAPGO_KEEP_0__ 섹션Intercom 도움말 센터를 열어주세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayHelpCenter();hideMessenger
hideMessengerIntercom 메신저를 숨기세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.hideMessenger();displayLauncher
displayLauncherIntercom 런처 버튼을 보여주세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayLauncher();hideLauncher
hideLauncherIntercom 런처 버튼을 숨기세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.hideLauncher();displayInAppMessages
displayInAppMessages__CAPGO_KEEP_0__
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayInAppMessages();hideInAppMessages
__CAPGO_KEEP_2____CAPGO_KEEP_0__
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.hideInAppMessages();displayCarousel
__CAPGO_KEEP_3____CAPGO_KEEP_4__
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayCarousel({} as IntercomCarouselOptions);displayArticle
__CAPGO_KEEP_5____CAPGO_KEEP_4__
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displayArticle({} as IntercomArticleOptions);displaySurvey
__CAPGO_KEEP_6____CAPGO_KEEP_0__를 특정한 Intercom 설문에 표시합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.displaySurvey({} as IntercomSurveyOptions);setUserHash
__CAPGO_KEEP_1__ 섹션__CAPGO_KEEP_2__를 사용하여 사용자 해시를 설정합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.setUserHash({} as IntercomUserHashOptions);setUserJwt
__CAPGO_KEEP_3__ 섹션__CAPGO_KEEP_2__를 사용하여 안전한 메신저 인증을 위한 JWT를 설정합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.setUserJwt({} as IntercomUserJwtOptions);setBottomPadding
__CAPGO_KEEP_4__ 섹션__CAPGO_KEEP_2__를 사용하여 Intercom 메신저 UI의 하단 패딩을 설정합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.setBottomPadding({} as IntercomBottomPaddingOptions);sendPushTokenToIntercom
__CAPGO_KEEP_5__ 섹션__CAPGO_KEEP_0__를 Intercom으로 푸시 알림 토큰을 보내세요.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.sendPushTokenToIntercom({} as IntercomPushTokenOptions);receivePush
receivePush 제목Intercom 푸시 알림을 받은 경우 처리합니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.receivePush({} as IntercomPushNotificationData);getUnreadConversationCount
getUnreadConversationCount 제목현재 사용자의 읽지 않은 대화 수를 가져옵니다.
import { CapgoIntercom } from '@capgo/capacitor-intercom';
await CapgoIntercom.getUnreadConversationCount();타입 참조
타입 참조 제목IntercomLoadOptions
IntercomLoadOptions 제목export interface IntercomLoadOptions { appId?: string; apiKeyIOS?: string; apiKeyAndroid?: string;}IntercomIdentifiedUserOptions
IntercomIdentifiedUserOptions 섹션 제목export interface IntercomIdentifiedUserOptions { userId?: string; email?: string;}IntercomUserUpdateOptions
IntercomUserUpdateOptions 섹션 제목export interface IntercomUserUpdateOptions { userId?: string; email?: string; name?: string; phone?: string; languageOverride?: string; customAttributes?: { [key: string]: any }; companies?: IntercomCompany[];}IntercomLogEventOptions
IntercomLogEventOptions 섹션 제목export interface IntercomLogEventOptions { name: string; data?: { [key: string]: any };}IntercomMessageComposerOptions
IntercomMessageComposerOptions 섹션 제목export interface IntercomMessageComposerOptions { message: string;}IntercomCarouselOptions
IntercomCarouselOptions 섹션 제목export interface IntercomCarouselOptions { carouselId: string;}IntercomArticleOptions
IntercomArticleOptions 섹션 제목export interface IntercomArticleOptions { articleId: string;}IntercomSurveyOptions
IntercomSurveyOptions 섹션export interface IntercomSurveyOptions { surveyId: string;}IntercomUserHashOptions
IntercomUserHashOptions 섹션export interface IntercomUserHashOptions { hmac: string;}IntercomUserJwtOptions
IntercomUserJwtOptions 섹션export interface IntercomUserJwtOptions { jwt: string;}IntercomBottomPaddingOptions
IntercomBottomPaddingOptions 섹션export interface IntercomBottomPaddingOptions { value: number;}IntercomPushTokenOptions
IntercomPushTokenOptions 섹션export interface IntercomPushTokenOptions { value: string;}실제 데이터 원천
실제 데이터 원천 섹션이 페이지는 플러그인의 src/definitions.ts. upstream에서 변경된 경우 public API을 다시 동기화하세요.
Getting Started에서 계속하세요
Getting Started에서 계속하세요Capacitor를 사용하는 경우 Getting Started Capacitor를 사용하여 대시보드 및 API를 계획하고 관리하는 경우 @capgo/capacitor-intercom을 사용하여 @capgo/capacitor-intercom을 사용하는 native 기능에 대한 API Overview API Overview의 구현 세부 사항에 대한 소개 __CAPGO_KEEP_0__ Keys API Keys의 구현 세부 사항, 및 API Keys의 구현 세부 사항, 장치 장치의 구현 세부 사항,