跳过主要内容

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 应用,扫描二维码 code

Crisp 插件预览二维码 code

使用 @capgo/capacitor-crisp

Crisp Chat SDK 插件用于 Capacitor. 提供实时聊天和客户支持功能通过 Crisp.chat。

Install

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 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中 Ionic 企业插件替代品 Ionic 企业插件替代品的产品工作流程 Capgo替代品 Capgo替代品的产品工作流程

常见问题

Crisp插件FAQ

如何在Capacitor应用中安装Crisp插件?

Run "bun add @capgo/capacitor-crisp" (or "npm install @capgo/capacitor-crisp"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-crisp" in your app code.

是否@capgo/capacitor-crisp支持React、Vue和Angular?

是。Crisp 是一个Capacitor包,因此它与任何在Capacitor内运行的 web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个Capacitor版本支持 @capgo/capacitor-crisp?

Capgo 插件遵循Capacitor的主要版本:使用与Capacitor主要版本匹配的插件主要版本(例如插件 v8 与Capacitor 8)。在GitHub README 中的兼容性表格中列出了维护的版本。

是否是免费和开源的 @capgo/capacitor-crisp?

是。源code在GitHub上公开,https://github.com/Cap-go/capacitor-crisp/,并且该包可以从npm免费安装。欢迎 bug 报告和 pull 请求。

是否可以在不经过 App Store 审核的情况下更新使用 Crisp 的code?

安装或升级插件会更改 native code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改可以立即通过Capgo实时更新发布。

不用等待应用程序审核,就可以将Crisp的更新部署到应用程序

一旦插件被添加到你的应用程序构建中,Capgo即刻推送你的JavaScript、HTML和CSS更新到用户手中

开始使用Capgo