打造你的第一隻聊天機器人

Chatbot學習筆記-Day1

Linebot的設計真的相當有趣，今天就讓我們一起從0到1，做隻「鸚鵡」機器人吧！

Requirement

Git：版本控制器

The Heroku CLI：伺服器平台

Heroku Account：創建Heroku帳號

Visual Studio Code：整合開發環境(IDE)

Heroku

1. 登入Heroku後可以在網頁的右上方找到"Create new app"的按鈕並按下
2. 接著會需要輸入app的名稱，這邊就需要先把app名稱記起來

圖一 於Heroku創建app

Line Developer

1. Line Developer Console：按下"Create"後輸入名稱就可以囉

圖二 於Line Developer創建new provider

2. Create a Messaging API Channel：接著選擇創建"Messaging API channel"

圖三 選擇Messaging API channel

3. 接著要輸入Channel name、Channel description、Category等資訊

4. 輸入完成後，分別找到Channel secret & Channel access token並記下

圖四 可以在"Messaging API"找到

Visual Studio Code

1. 指定路徑並下載範例程式碼

-> cd C:/

-> git clone https://github.com/Jason-DataExplorer/Chatbot-Day1.git

註：完成後(C:)就會多出一個"Line-Chatbot"的資料夾囉

2. 在VS Code開啟剛剛下載的"Line-Chatbot"資料夾

3. 點擊"app.py"檔案，填入剛剛在Line Developer找到的"Channel_Secret" & "Channel_Access_Token"

圖五 在' '內填入個人Linebot的專屬資訊

4. 編輯完成後就可以準備上傳程式碼囉

-> heroku login

圖六 輸入後會彈出以上視窗(點擊登入)

-> heroku git:remote -a Heroku的app名稱

圖七 成功的話會顯示以上資訊

5. 接著進入正式上傳的步驟

-> git init

-> git add .

-> git commit -am"ok"

-> git push heroku HEAD:master

圖八 上傳完畢會顯示的資訊

Heroku Settings

1. 進入Heroku的設定頁面

2. 複製網域名稱(Domain)

圖九 app的Domain

Line Developers Settings

1. 修改 Webhook設定(Domain後方加上"callback"字串)

圖十 更改Webhook settings

圖十一 按下Verify並顯示Success就成功啦！

2. 進入進階設定頁面，停用"自動回應訊息"並啟用"Webhook"

圖十二 進階設定頁面

3. 完成後就可以加入好友來試看看囉！

聊天截圖

圖十三 Linebot實測

系列文章

• 【Day2】 搜圖助理 — 聊天機器人
• 【Day3】 為聊天機器人連結資料庫
• 【Day4】 利用聊天機器人對資料庫下指令吧！
• 【Day5】 讓聊天機器人開啟爬蟲技能！
• 【Day6】 聊天機器人的Quick replies
• 【Day7】 用Flex Messages呈現爬蟲
• 【Day8】 為聊天機器人加上圖文選單