conversational ui

會話式使用者介面

會話式 UI Web 應用程式實驗。示範

設定

js/app.js

基於js/app.js中定義的Category -> Sub-category -> Info結構建構。另請檢查此文件以自訂回覆選擇，為每個步驟隨機選擇。請參閱此儲存庫，以了解使用 AJAX 取得內容的真實範例。

索引.html

資訊步驟的內容視圖在.content div 下定義。選單和子選單中的 ID 需要合併。

建造

本專案主要使用ES2015 JavaScript特性。可以在 Chrome 或 Safari 技術預覽版中順利運行，但需要使用 Babel 進行轉譯以使用 Gulp 來支援其他瀏覽器。

若要進行轉譯，請安裝 Node.js 和 Gulp（如果尚未安裝）。然後安裝package.json中列出的所需項目相依性：

npm install

然後執行gulpfile.js中定義的轉換任務：

gulp js

這會轉換並縮小為js/app.min.js 。