dialogflow web

折舊警告：不再支持此項目，轉到Web V2的DialogFlow

---

Web的對話流

DialogFlow使您可以通過提供強大的自然語言理解（NLU）引擎來處理和理解自然語言輸入，從而在產品和服務的頂部構建對話界面

它是一個非正式的Web客戶端，用於對話流，它是為了支持Google Assistant Rich-Respons並充分利用Web可用的平台

包括什麼

• 遵循Google的材料指南的100％漸進式網絡應用程序
• 可自定義的環境
• 離線工作，沒有JavaScript
• 響應式設計
• 包含搜索引擎優化
• 基於使用WebPack和Live Reload的Vuejs
• WebSpeech API語音輸入
• 文本到語音輸出
• 殘疾用戶的完美可訪問性

要求

• nodejs
• NPM或紗
• ES6中的基本知識（JavaScript）
• DialogFlow API鍵（您可以在這裡獲取）

支持什麼

• 基本答复（正在顯示和說話）
• 簡單的回應（正在說）
• 牌
• 輪播卡
• 列表
• 建議芯片
• 鏈接芯片
• 上面的所有結合
• 花式動畫和視覺反饋
• 小部件模式，有關更多信息，請參見https://github.com/mishushakov/dialogflow-widget
• 谷歌搜索未知請求

開始

克隆存儲庫到您的機器

您可以使用git或直接從github下載

獲取依賴關係

打開您的克隆文件夾。然後，使用您喜歡的軟件包管理器獲取依賴項

使用NPM的示例

npm install

示例使用紗線

yarn

啟動開發服務器並構建

打開您的克隆文件夾。然後，使用您喜歡的軟件包管理器運行dev命令

使用NPM的示例

npm run dev

示例使用紗線

yarn dev

完成這些步驟後，您的默認瀏覽器應打開並將您重定向到localhost:8080 。如果端口8080已經使用，則可以給出一個port參數以在指定的端口連接

使用NPM的示例

npm run dev --port 9090

示例使用紗線

yarn dev --port 9090

請不要使用開發服務器為您的應用服務，而開發服務器則用於開發。相反，請將構建工件上傳到靜態網絡服務器

建造生產

您的應用程序將捆綁到dist/build.js構建它，您可以使用NPM或紗線

使用NPM的示例

npm run build

示例使用紗線

yarn build

自定義應用程序並連接您的代理商

要連接機器人，您首先需要創建一個。您可以通過訪問DialogFlow網站來做到這一點。然後創建您的意圖並添加Google Assistant回复

打開config.js並更改token變量，以連接您的機器人。您還可以將字符串轉換為您的語言

例子

 export default {
    app : {
        token : "9d686a47b1de48bab431e94750d1cd87"
    }
}

如果您想更改重音顏色開放src/App.sass並更改$color變量

常見問題

• 問：我更改了令牌，響應與以前的令牌相同
• 答：確保您已經清潔了緩存並重建了應用程序。在野生動物園中，請轉到“開發”>“空心卡車”。在Chrome中：“開發人員工具”>“應用程序”>“清除存儲”>“清除站點數據”

謝謝，請保持更新！