Keyda Business
TaiwanEnglish 登入 免費開始使用
Keyda Business 文件安裝

React Native、Flutter 與 Ionic

這三者都包裝了相同的託管聊天頁面，因此您所訓練的內容會同時傳達給所有管道上的客戶。

React Native

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

react-native-webview 是同儕相依性（peer dependency），並非打包內建。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 標籤在網站上怎麼用，在這裡就怎麼用，而且比任何包裝都還要省程式碼：

<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），因此 script 標籤可以直接運作。沒有獨立的套件。

它們的共同點

  • 單一聊天介面，讓儀表板的變更無須發布應用程式即可即時生效
  • 連結會在聊天視窗外開啟，絕不會取代對話
  • 沒有分析、沒有裝置識別碼、除了各平台所需的網頁檢視外沒有任何第三方依賴
  • 僅限線上 — 聊天是代管網頁

每個套件的原始碼均公開於 github.com/KeydaAI/keyda-business-sdks。

Next: Training your bot →