使用 @capgo/capacitor-crisp
适用于 Capacitor 的 Crisp Chat SDK 插件。通过 Crisp.chat 提供实时聊天和客户支持功能。
安装
bun add @capgo/capacitor-crisp
bunx cap sync
插件暴露的内容
configure- 使用您的网站 ID 配置 Crisp SDK。必须在调用任何其他方法之前调用。openMessenger- 打开 Crisp 聊天窗口。向用户显示聊天界面。setTokenID- 为当前用户会话设置唯一的 token 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
为当前用户会话设置唯一的 token 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'
});
完整参考
- GitHub: https://github.com/Cap-go/capacitor-crisp/
- 文档：/docs/plugins/crisp/
继续阅读：使用 @capgo/capacitor-crisp
如果你正在使用 使用 @capgo/capacitor-crisp 要规划迁移和企业运营，请将其与 @capgo/capacitor-crisp 有关 @capgo/capacitor-crisp 的实现细节， 快速入门 有关“入门指南”中的实现细节， Capgo 企业版 用于 Capgo Enterprise 中的产品工作流， Ionic Enterprise 插件替代方案 查看 Ionic Enterprise 插件替代方案中的产品工作流，以及 Capgo 替代方案 有关 Capgo 替代方案的产品工作流。