![在 App Inventor 中使用 SnatchBot 在 App Inventor 中使用 SnatchBot](https://i0.wp.com/i.imgur.com/etWhF6p.png?resize=1140%2C855&ssl=1)
在 App Inventor 中使用 SnatchBot
SnatchBot 是一個可以讓使用者,自行設定聊天機器人的平台,它可以連接 Facebook、LINE、Skype……等等,也可以自己設定完後,嵌入到自己寫的網頁中,語法很簡單,在 HTML 檔中,加入一行 script 標籤指令,即可出現在網頁右下角使用。那今天來介紹,怎麼在 Inventor 中,使用這項服務。(SnatchBot 因為我很久沒用了!感覺改了很多,功能基本上也忘光光了!所以今天主要講,如何在 Inventor 中使用 SnatchBot。)
1. 在瀏覽器搜尋「SnatchBot」進入官網
點我進入
![](https://i0.wp.com/i.imgur.com/CkzpFYd.png?w=960&ssl=1)
點網頁右上角的註冊按鈕,註冊一個帳號。(註冊帳號很簡單,這邊就不詳細講了!如遇到問題可再留言提問!)
![](https://i0.wp.com/i.imgur.com/d26QhMn.png?w=960&ssl=1)
2. 於後台網頁點選加號按鈕 (或右上角創建機器人按鈕),建立一個機器人。
![](https://i0.wp.com/i.imgur.com/lkh5Osa.png?w=960&ssl=1)
選空白機器人 (底下其它的我都沒看過)
![](https://i0.wp.com/i.imgur.com/2HymUAl.png?w=960&ssl=1)
設定機器人的照片、名稱……,好了之後按創建。
無敵鐵金剛圖檔
![](https://i0.wp.com/i.imgur.com/lDcx43Y.png?w=960&ssl=1)
3. 點「添加新互動」按鈕
![](https://i0.wp.com/i.imgur.com/UWKXiqk.png?w=960&ssl=1)
選「機器人聲明」
![](https://i0.wp.com/i.imgur.com/WOoz78q.png?w=960&ssl=1)
選好後按右下角的創建按鈕
填入機器人消息
![](https://i0.wp.com/i.imgur.com/WQvvIGT.png?w=960&ssl=1)
填好後,點右下角的按鈕可以測試。
![](https://i0.wp.com/i.imgur.com/19ibO3D.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/xS93DOd.png?w=960&ssl=1)
4. 於左方點選「頻道 / 渠道」
![](https://i0.wp.com/i.imgur.com/E8giMUf.png?w=960&ssl=1)
選擇「Webchat 網路聊天」後,再選「獲得嵌入碼」。
![](https://i0.wp.com/i.imgur.com/1JnXVIG.png?w=960&ssl=1)
選擇第二項的複製按鈕 (我本來要選第一個,先寫一個 HTML 檔後,上傳到 Inventor,再去做讀取,但發現第二個實作起來比較方便。)
![](https://i0.wp.com/i.imgur.com/KL2clGp.png?w=960&ssl=1)
5. 開啟 Inventor 並新增一個專案「TestBot」
需要元件如下圖
![](https://i0.wp.com/i.imgur.com/flNDM06.png?w=960&ssl=1)
切換到程式設計
需要拼圖如下圖
![](https://i0.wp.com/i.imgur.com/NC0qD1O.png?w=960&ssl=1)
網路瀏覽器的網址,就是剛剛複製到記事本的!
這次教學就到這邊,有問題歡迎留言討論。
aia 專案程式檔下載
專案執行範例:
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊
![App Inventor 分享元件 介紹 App Inventor 分享元件 介紹](https://i0.wp.com/i.imgur.com/1IZ2omJ.png?resize=75%2C75&ssl=1)
![使用 You-Get 套件搭配 FFmpeg 使用 You-Get 套件搭配 FFmpeg](https://i0.wp.com/i.imgur.com/Wicid0i.png?resize=75%2C75&ssl=1)