メインコンテンツへスキップ
@capgo/capacitor-crisp コミュニケーション オープンソース

Crisp 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

ガイド

Capacitor で Crisp を使う方法

実機でテストする

Capgo アプリをダウンロードして、QR code をスキャンしてください。

Crisp plugin プレビュー用QR code

@capgo/capacitor-crisp の使い方

Capacitor 用の Crisp Chat SDK Plugin。Crisp.chat を通じて、ライブチャットやカスタマーサポート機能を提供します。

インストール

bun add @capgo/capacitor-crisp
bunx cap sync

このプラグインで利用可能な機能

  • configure - ウェブサイトIDを使用して Crisp SDK を設定します。他のメソッドを呼び出す前に必ず実行してください。
  • openMessenger - Crisp メッセンジャーのチャットウィンドウを開きます。ユーザーにチャットインターフェースを表示します。
  • setTokenID - 現在のユーザーセッションに対して一意のトークンIDを設定します。過去の会話を特定し、復元するために使用されます。
  • setUser - 現在のセッションのユーザー情報を設定します。サポート担当者が確認できるユーザープロフィールを更新します。

使用例

configure

ウェブサイトIDを使用して Crisp SDK を設定します。他のメソッドを使用する前に必ず呼び出してください。

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

await CapacitorCrisp.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({ tokenID: 'token-id-123' });

setUser

現在のセッションのユーザー情報を設定します。サポート担当者が確認できるユーザープロフィールを更新します。

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

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

リファレンス全文

@capgo/capacitor-crisp の使用方法へ進む

使用している場合 @capgo/capacitor-crisp の使い方 移行とエンタープライズ運用を計画するには、次と連携してください @capgo/capacitor-crisp @capgo/capacitor-crisp の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo エンタープライズ Capgo Enterprise のプロダクトワークフロー向けに、 Ionic Enterprise プラグインの代替案 Ionic Enterprise Plugin Alternatives のプロダクトワークフロー、および Capgo の代替案 Capgo の製品ワークフローの代替案

よくある質問

Crisp plugin FAQ

Capacitor アプリに Crisp plugin をインストールするには?

"bun add @capgo/capacitor-crisp" (または "npm install @capgo/capacitor-crisp") を実行し、次に "bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させます。その後、アプリの code から "@capgo/capacitor-crisp" をインポートしてください。

@capgo/capacitor-crisp は React、Vue、Angular で動作しますか?

はい。Crisp は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript など、Capacitor 上で動作するあらゆる Web フレームワークで使用可能です。

@capgo/capacitor-crisp はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-crisp は無料のオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-crisp/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストも歓迎しています。

App Store の審査なしで、Crisp を使用している code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに Crisp の変更をリリースしましょう

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める