React Native, Flutter và Ionic

Cả ba đều dùng chung một trang chat được lưu trữ, vì vậy bất cứ nội dung nào bạn huấn luyện đều tiếp cận khách hàng trên tất cả các kênh cùng một lúc.

React Native

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

react-native-webview là một phụ thuộc ngang hàng (peer dependency), không phải phụ thuộc đi kèm. React Native không có sẵn web view tích hợp, và việc đóng gói chung một web view sẽ xung đột với bất kỳ phiên bản nào mà ứng dụng của bạn đang sử dụng.

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

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

Hãy build lại ứng dụng sau khi cài đặt — react-native-webview có mã gốc (native code), nên việc tải lại JS là chưa đủ.

Flutter

flutter pub add keyda_bot

// Once, at app start
KeydaBot.init('kb_live_your_key_here');

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

Cả KeydaBot.dismiss() và KeydaBot.isShowing.

Ionic và Capacitor

Hầu hết các ứng dụng Ionic nên sử dụng đoạn mã trang web. Ứng dụng Ionic vốn dĩ là một chế độ xem web, vì vậy thẻ script thông thường hoạt động chính xác như trên trang web và ít mã hơn bất kỳ trình bao bọc nào:

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

Dán nó vào index.html là bạn đã hoàn tất.

Chỉ cài đặt @keyda/bot-capacitor nếu bạn thực sự muốn khung chat hiển thị dưới dạng toàn màn hình riêng biệt thay vì dạng bong bóng nằm bên trong bố cục của bạn.

npm install @keyda/bot-capacitor
npx cap sync

Cordova và các nền tảng lai khác

Tương tự như Ionic: đây là một web view nên thẻ script hoạt động bình thường. Không có gói riêng biệt nào cả.

Điểm chung của tất cả các nền tảng

• Một giao diện trò chuyện duy nhất, vì vậy mọi thay đổi trên bảng điều khiển sẽ có hiệu lực ngay lập tức ở mọi nơi mà không cần phát hành ứng dụng mới
• Các liên kết mở ra bên ngoài đoạn chat, không bao giờ thay thế cuộc trò chuyện
• Không có phân tích, không có mã nhận dạng thiết bị, không có bên thứ ba phụ thuộc nào ngoài chế độ xem web mà mỗi nền tảng yêu cầu
• Chỉ trực tuyến — khung chat là một trang được lưu trữ

Mã nguồn cho mọi gói được công khai tại github.com/KeydaAI/keyda-business-sdks.