Keyda Business
ChinaEnglish 登录 免费开始
Keyda Business docsInstall

React Native、Flutter 和 Ionic

这三者都封装了同一个托管聊天页面，因此您训练的内容会同时触达所有渠道的客户。

React Native

npm install @keyda/bot-react-native react-native-webview
cd ios && pod install

react-native-webview 是一个对等依赖项，而不是打包依赖项。React Native 没有内置的网页视图，内置一个会与您的应用已有的任何版本产生冲突。

import { KeydaBot } from '@keyda/bot-react-native';

<KeydaBot
  clientId="kb_live_your_key_here"
  visible={showChat}
  onClose={() => setShowChat(false)}
/>

安装后请重新构建应用 — react-native-webview 包含原生代码，因此仅重新加载 JS 是不够的。

Flutter

flutter pub add keyda_bot
// Once, at app start
KeydaBot.init('kb_live_your_key_here');

// From your Help button
KeydaBot.show(context);

还有 KeydaBot.dismiss() 和 KeydaBot.isShowing。

Ionic 和 Capacitor

大多数 Ionic 应用直接使用网页代码片段即可。Ionic 应用本质上就是网页视图，因此直接使用脚本标签与在网站上的效果完全相同，而且比任何封装的代码都要少：

<script src="https://keyda.in/business/widget.js"
        data-key="kb_live_your_key_here" async></script>

把它放进index.html中，你就完成了。

仅当你的确需要将聊天作为一个独立的、全屏的页面，而不是在你自己的布局中显示一个气泡时，才安装 @keyda/bot-capacitor。

npm install @keyda/bot-capacitor
npx cap sync

Cordova 和其他混合应用

与 Ionic 的原理相同：它是一个网页视图（web view），因此脚本标签可以直接运行。没有单独的安装包。

它们的共同点

  • 统一的聊天界面，因此仪表盘的更改可实时生效于所有地方，无需发布应用
  • 链接会在聊天外部打开，绝不会替代当前对话
  • 没有分析，没有设备标识符，除了各个平台所需的网页视图外没有第三方依赖
  • 仅限线上 — 聊天是一个托管页面

每个软件包的源码均可在 github.com/KeydaAI/keyda-business-sdks 公开获取。

Next: Training your bot →