i chatbot

i-聊天機器人

用於在 React 上建立會話介面的簡單而優雅的元件。 ??

入門

安裝

 npm i i-chatbot --save

基本用法

導入元件

 import ChatBot, { ChatBotUtil } from 'i-chatbot'

創建處理來自聊天機器人的回發事件的方法。它應該會傳回一個訊息物件數組，以透過回調回覆使用者的操作。

  getStarted () {
    return [
      ChatBotUtil.textMessage(['Hi!', 'Hey there!'].any()),
      ChatBotUtil.textMessage(['How is life?', 'What's up?'].any(),
        ChatBotUtil.makeReplyButton('Great!', this.intro))
    ]
  }

  intro () {
    return [
      ChatBotUtil.textMessage('That's good to hear!')
    ]
  }

使用開始回呼方法和開始按鈕渲染 ChatBot。

 <ChatBot onGetStarted={this.getStarted}
         getStartedButton={ChatBotUtil.makeGetStartedButton('Get Started')} />

聊天機器人

道具

支柱	預設	類型	描述
開始時	-	功能	傳回第一條訊息的初始回調方法
開始按鈕	-	目的	啟動按鈕參數

方法

重新開始（訊息）

如果沒有設定開始按鈕，則重設聊天狀態並新增訊息物件。

聊天機器人工具

方法

textMessage（文本，...動作）

建立文字訊息物件。

參數：

姓名	類型	描述
文字	細繩	留言內容
行動	物體	快速回覆按鈕對象

使用者文字訊息（文字）

建立使用者的簡訊物件。

參數：

姓名	類型	描述
文字	細繩	留言內容

makeReplyButton（標題）

建立一個開始按鈕。

參數：

姓名	類型	描述
標題	細繩	標題

makeReplyButton（標題、回發）

建立快速回覆按鈕。

參數：

姓名	類型	描述
標題	細繩	標題
回發	細繩	回發值

makeTextInputField（標題，回發）

建立一個文字輸入欄位。

參數：

姓名	類型	描述
傳送	細繩	提交按鈕的標題
佔位符	細繩	輸入欄位的佔位符
回發	細繩	回發值

風格

由於 CSS 預處理器的使用較少。從demo/src/i-chatbot.less複製並修改樣式，然後匯入到您的應用程式中。

用i-chatbot建置？

• Oleh Stasula 的個人網站
• 賈斯汀凱斯的登陸頁面

你用i-chatbot建造過一些很酷的東西嗎？提交拉取請求並將其添加到此清單中！

待辦事項？

• 由下而上的聊天方向
• 更好的輸入驗證
• 頭像佔位符

貢獻 ？

歡迎您的貢獻，無論大小！

有關專案結構、開發環境、測試套件、程式碼風格等詳細信息，請查看貢獻指南。

執照 ？

該庫根據 MIT 許可證條款作為開源提供。