跳过主要内容
返回到插件
@capgo/capacitor-crisp
教程
由 github.com/Cap-go

Crisp

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

指南

Crisp教程

使用@capgo/capacitor-crisp

SDK Crisp聊天插件提供Capacitor实时聊天和客户支持功能

安装

bun add @capgo/capacitor-crisp
bunx cap sync

此插件暴露的内容

  • configure - 使用您的网站 ID 配置 Crisp SDK。必须在使用任何其他方法之前调用。
  • 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'
});

全局参考