Alan Tsai 的學習筆記


學而不思則罔,思而不學則殆,不思不學則“網貸” 記錄軟體開發的點點滴滴 著重於微軟技術、網頁開發、DevOps、C#, Asp .net Mvc、Azure、AI、Chatbot、Docker、Data Science

[Bot Framework V4][02]建立第一個V4 Chatbot - EchoBot

[Bot Framework V4][02]建立第一個V4 Chatbot - EchoBot.jpg
圖片來源:https://pixabay.com/en/books-spine-colors-pastel-1099067/ 

上一篇([01]開篇)快速的介紹了這個系列的目的以及内容。

這篇就來實際看一下建立一個V4的Hello World Bot,EchoBot,看看如何建立并且怎麽透過Emulator做測試。

這篇的程式碼github頁面是alantsai-samples/mhat-hotelbotv4:blog/chapter-02

情景介紹

有一個最終想要解決的問題會讓整個學習過程更加的有感,因此這邊先定一個情景。

和V3介紹的時候一樣,V4也會使用一個一樣的情景,也就是為一個訂房網站做一個訂房用的Chatbot,看一下Chatbot的加入是否會讓操作起來變得更加容易。

準備開發環境

要接下去需要準備好幾個工具:

Visual Studio
Visual Studio其實不是必要,因爲V4版本是.NET Core,所以任何Editor例如Visual Studio Code開發也可以。不過,接下來的範例用的都是VS 2017。如果需要離綫安裝可以參考之前寫過的另外一篇: [Visual Studio 2017]建立離線安裝(Offline Install)包
Bot Framework的Project Template
最新可以從這個傳送門找到,下載下來是一個VSIX檔案,在VS沒有開啓的情況下 安裝就是
Bot Framework Emulator
這個Bot模擬器主要用來在地端做測試,讓debug更加的容易:傳送門。有V3和V4版本可以選,建議選擇V4版本

上面的工具都准備好了之後,就可以來建立第一個Chatbot,EchoBot。

建立第一個Chatbot

首先把Visual Studio打開,然後選擇建立新專案找到:Visual C# -> Bot Framework -> Multi-project -> Bot Builder Echo Bot V4

devenv_2018-10-18_21-28-03.png
建立出一個V4的Echo Bot
我這個Template的版本是4.0.6.26,因此有點小bug,要透過上面提的方式建立EchoBot,後面版本看到的可能會不同。

建立出來了之後,直接執行(可以用Ctrl+F5),那麽瀏覽器會自動開啓看到一個歡迎介紹頁:

chrome_2018-10-18_21-36-30.png
chatbot的歡迎頁
題外話,看過V3在看V4 - V4質感好很多,然後還很貼心的提供Emulator的下載地址以及一些開發的參考資料

EchoBot建立好了,那麽怎麽測試呢?這個時候就要用Bot Framework Emulator。

用Emulator測試Chatbot

直接把Emulator執行起來,然後選擇:File -> Open Bot

Bot Framework Emulator_2018-10-18_21-41-02.png
開啓Bot的截圖

再來找到剛剛建立EchoBot的路徑,然後找到BotConfiguration.bot,這個時候會自動開啓一個和Chatbot對話的框

Bot Framework Emulator_2018-10-18_21-43-40.png
開啓Chatbot

這個時候,輸入任何内容,chatbot將會回您一樣的東西,并且Turn會+1

Bot Framework Emulator_2018-10-18_21-45-22.png
測試Chatbot的截圖

如果對於Emulator其他功能像是Inspector,或者save transcribe as或者是V3版本的介紹,請參考之前另外一個介紹: [chatbot + AI = 下一代操作模式][03]建立第一個chatbot - EchoBot

結語

這篇介紹了如何準備好開發環境以及建立出一個EchoBot出來并且使用了Emulator對這個Chatbot進行測試。

雖然建立出來了但是這個運作機制是什麽?整個概念以及流程是什麽?這些問題是很模糊的。

因此,下一篇([03]搞懂關鍵字以及信息的處理流程)將在拉回到高角度,來看看整個Bot Framework的信息流以及怎麽串在一起。

參考資料

[chatbot + AI = 下一代操作模式][03]建立第一個chatbot - EchoBot
V3版本介紹EchoBot的部分,裡面有更多介紹了Emulator的功能以及V3版本Emulator的用法。 傳送門

如果文章對您有幫助,就請我喝杯飲料吧
街口支付QR Code
街口支付QR Code
街口支付QR Code
支付寶QR Code
街口支付QR Code
微信支付QR Code
comments powered by Disqus