跳过主要内容
返回到插件
@capgo/capacitor-crisp
教程
@capgo/capacitor-crisp

Crisp

将Crisp实时聊天和客户支持直接集成到您的移动应用程序中

指南

Crisp教程

在设备上测试

Download the Capgo app, then scan the QR code.

Crisp插件预览二维码code

使用@capgo/capacitor-crisp

Crisp Chat SDK Plugin for Capacitor. Provides live chat and customer support functionality through 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'
});

全参考文档

继续使用 @capgo/capacitor-crisp

如果您正在使用 使用 @capgo/capacitor-crisp 来规划迁移和企业运营,连接它与 @capgo/capacitor-crisp 为 @capgo/capacitor-crisp 的实现细节 开始使用 为开始使用的实现细节 Capgo 企业版 为Capgo 企业版的产品流程 Ionic 企业版插件替代品 为 Ionic 企业版插件替代品的产品流程,并且 Capgo 替代品 为Capgo 替代品的产品流程