메인 콘텐츠로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-crisp
튜토리얼
by github.com/Cap-go

크립스

모바일 앱에 크립스 라이브 채팅 및 고객 지원을 직접 통합하세요

가이드

Crisp 튜토리얼

@capgo/capacitor-crisp 사용하기

Crisp Chat SDK Plugin for Capacitor. Provides live chat and customer support functionality through Crisp.chat.

__CAPGO_KEEP_1__에 Crisp 채팅과 고객 지원 기능을 제공합니다. Crisp.chat을 통해 라이브 채팅과 고객 지원 기능을 제공합니다.

bun add @capgo/capacitor-crisp
bunx cap sync

이 플러그인은 다음을 노출합니다.

  • configure - Crisp SDK을 설정하세요. 웹사이트 ID를 입력하세요. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.
  • openMessenger - Crisp 메신저 채팅 창을 열어주세요. 사용자에게 채팅 인터페이스를 보여줍니다.
  • setTokenID - 현재 사용자 세션에 고유한 토큰 ID를 설정하세요. 이전 대화 복원 및 식별을 위해 사용됩니다.
  • setUser - 현재 세션에 사용자 정보를 설정하세요. 지원 에이전트에게 표시되는 사용자 프로필을 업데이트합니다.

예시 사용법

configure

Crisp SDK을 설정하세요. 웹사이트 ID를 입력하세요. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CrispPlugin.configure({ websiteID: 'YOUR_WEBSITE_ID' });

openMessenger

Crisp 메신저 채팅 창을 열어주세요. 사용자에게 채팅 인터페이스를 보여줍니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.openMessenger();

setTokenID

현재 사용자 세션에 고유한 토큰 ID를 설정하세요. 이전 대화 복원 및 식별을 위해 사용됩니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CapacitorCrisp.setTokenID({} as { tokenID: string });

setUser

현재 세션에 사용자 정보를 설정하세요. 지원 에이전트에게 표시되는 사용자 프로필을 업데이트합니다.

import { CapacitorCrisp } from '@capgo/capacitor-crisp';

await CrispPlugin.setUser({
  nickname: 'John Doe',
  email: 'john@example.com',
  phone: '+1234567890'
});

전체 참조

Keep going from Using @capgo/capacitor-crisp

__CAPGO_KEEP_0__을 사용하고 계신가요. Using @capgo/capacitor-crisp __CAPGO_KEEP_0__-crisp를 사용하여 마이그레이션 및 기업 운영을 계획하고 싶으시다면 @capgo/capacitor-crisp capgo-crisp의 implementation detail은 @capgo/capacitor-crisp에서 확인하실 수 있습니다. 시작하기 __CAPGO_KEEP_0__-crisp의 implementation detail은 시작하기에서 확인하실 수 있습니다. Capgo Enterprise Capgo Enterprise의 제품 워크플로우를 확인하세요. Ionic Enterprise Plugin Alternatives Ionic Enterprise Plugin Alternatives의 제품 워크플로우를 위한 대안입니다. Capgo Alternatives Capgo Alternatives의 제품 워크플로우를 위한 대안입니다.