메인 콘텐츠로 건너뛰기
@capgo/capacitor-크립스 커뮤니케이션 오픈 소스

크립스 Capacitor 플러그인

Crisp 라이브 채팅과 고객 지원을 모바일 앱에 직접 통합하세요

설치

bun add @capgo/capacitor-crisp bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-crisp
  • pnpm add @capgo/capacitor-crisp
  • yarn add @capgo/capacitor-crisp

Guide

How to use Crisp in Capacitor

사용 방법

다운로드하여 Capgo 앱을 설치한 후 QR code 코드를 스캔하세요.

크립스 플러그인 미리보기 QR code

@capgo/capacitor-크립스 사용

SDK 크립스 채팅 플러그인은 Capacitor을 위한 것입니다. 크립스.채팅을 통해 실시간 채팅 및 고객 지원 기능을 제공합니다.

설치

bun add @capgo/capacitor-crisp
bunx cap sync

이 플러그인이 노출하는 것

  • configure - 크립스 SDK을 웹사이트 ID와 함께 구성합니다. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.
  • openMessenger - 크립스 메신저 채팅 창을 열어줍니다. 사용자에게 채팅 인터페이스를 보여줍니다.
  • setTokenID - 현재 사용자 세션에 고유한 토큰 ID를 설정합니다. 이전 대화들을 식별하고 복원하기 위해 사용됩니다.
  • setUser - 현재 세션에 사용자 정보를 설정합니다. 지원 에이전트가 볼 수 있는 사용자 프로필을 업데이트합니다.

예시 사용

configure

크립스 SDK을 웹사이트 ID와 함께 설정하세요. 다른 메서드를 사용하기 전에 반드시 호출해야 합니다.

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

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

openMessenger

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

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

await CapacitorCrisp.openMessenger();

setTokenID

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

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

await CapacitorCrisp.setTokenID({ tokenID: 'token-id-123' });

setUser

현재 세션에 사용자 정보를 설정합니다. 지원 에이전트가 볼 수 있는 사용자 프로필을 업데이트합니다.

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

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

전체 참조

Using @capgo/capacitor-crisp에서 계속하세요.

__CAPGO_KEEP_0__를 사용 중이라면 Capacitor- crisp를 사용하여 @capgo/capacitor-crisp 기업 운영 및 전환 계획을 수립하고 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-crisp와 연결 Capacitor- crisp를 사용하여 @capgo/capacitor-crisp for the implementation detail in @capgo/capacitor-crisp, Getting Started Capacitor- crisp의 구현 세부 사항 Capgo 기업 버전 Capgo 제품 워크플로우를 위한 아이온틱 엔터프라이즈 플러그인 대안 Capacitor- crisp의 제품 워크플로우 Capgo 대체 옵션 Capacitor Crisp 제품 워크플로우에 대하여 Capgo 대체 옵션입니다.

FAQ

크립 플러그인 FAQ

크립 플러그인을 Capacitor 앱에 설치하는 방법은 어떻게 되나요?

bun에 "capgo add @capacitor/npm-crisp" (또는 "capgo install @capacitor/code-crisp") 명령어를 실행한 후, iOS와 Android 프로젝트가 네이티브 capgo를 인식하도록 하기 위해 "bunx cap sync" 명령어를 실행합니다. 그 다음, 앱 code에서 "@capgo/capacitor-crisp"를 임포트합니다.

리액트, 뷰, 앵귤러와 함께 @capgo/capacitor-crisp가 작동하는지 궁금하십니까?

네. Crisp는 Capacitor 패키지이므로 Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 이에는 이온, 리액트, 뷰, 앵귤러, 슬레이트 및 평범한 자바스크립트가 포함됩니다.

Capacitor의 어떤 버전이 @capgo/capacitor-crisp를 지원하는지 궁금하십니까?

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.

@capgo/capacitor-crisp는 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-crisp/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Crisp를 사용하는 code를 업데이트할 수 있나요?

플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 Capgo의 라이브 업데이트를 통해 자바스크립트, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 Crisp 변경을 배포

Capgo

Capgo