在 App Inventor 中使用 SnatchBot

SnatchBot 是一個可以讓使用者，自行設定聊天機器人的平台，它可以連接 Facebook、LINE、Skype……等等，也可以自己設定完後，嵌入到自己寫的網頁中，語法很簡單，在 HTML 檔中，加入一行 script 標籤指令，即可出現在網頁右下角使用。那今天來介紹，怎麼在 Inventor 中，使用這項服務。(SnatchBot 因為我很久沒用了！感覺改了很多，功能基本上也忘光光了！所以今天主要講，如何在 Inventor 中使用 SnatchBot。)

---

1. 在瀏覽器搜尋「SnatchBot」進入官網
點我進入

點網頁右上角的註冊按鈕，註冊一個帳號。(註冊帳號很簡單，這邊就不詳細講了！如遇到問題可再留言提問！)

2. 於後台網頁點選加號按鈕 (或右上角創建機器人按鈕)，建立一個機器人。

選空白機器人 (底下其它的我都沒看過)

設定機器人的照片、名稱……，好了之後按創建。
無敵鐵金剛圖檔

3. 點「添加新互動」按鈕

選「機器人聲明」

選好後按右下角的創建按鈕

填入機器人消息

填好後，點右下角的按鈕可以測試。

---

4. 於左方點選「頻道 / 渠道」

選擇「Webchat 網路聊天」後，再選「獲得嵌入碼」。

選擇第二項的複製按鈕 (我本來要選第一個，先寫一個 HTML 檔後，上傳到 Inventor，再去做讀取，但發現第二個實作起來比較方便。)

5. 開啟 Inventor 並新增一個專案「TestBot」

需要元件如下圖

切換到程式設計

需要拼圖如下圖

網路瀏覽器的網址，就是剛剛複製到記事本的！
這次教學就到這邊，有問題歡迎留言討論。

---

aia 專案程式檔下載

---

專案執行範例：

---

如果覺得文章內容還不錯的話，麻煩請幫我點個讚！感謝

可以多點幾次喔~~

第一次點讚需使用 Google 或 Facebook 帳號註冊