跳至主要内容

REFERENCE

SDK 範例

@asgard-js/core 與 @asgard-js/react 的用法與可以直接操作的範例。

訊息操作

在每一則 bot 訊息下方加入自訂操作按鈕。最常見的用途是讚 / 踩回饋、複製內容、分享等。

程式範例

<Chatbot
  messageActions={(message) => [
    { id: "copy", label: "📋 Copy" },
    { id: "thumbs-up", label: "👍" },
    { id: "thumbs-down", label: "👎" },
  ]}
  onMessageAction={(actionId, message) => {
    console.log(actionId, message.messageId);
    // 送到你的 analytics / feedback API
  }}
  {...rest}
/>

MessageActionConfig

欄位型別說明
id string 唯一的 action ID
label string 按鈕顯示文字

messageActions 是一個函式，接收 ConversationBotMessage，回傳 MessageActionConfig[]。你可以根據訊息內容決定要顯示哪些按鈕。

準備好開始了嗎？

想知道 Asgard 怎麼用在你的團隊？跟我們聊聊。