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

Crisp

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

指南

__CAPGO_KEEP_0__上的Crisp教程

在设备上测试

Capgo下载应用程序,然后扫描QR code。

Crisp插件预览二维码code

使用@capgo/capacitor-crisp

Crisp聊天SDK插件(适用于Capacitor)。提供实时聊天和客户支持功能通过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 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 Alternatives 为您的 Capgo 应用程序提供动力