在 App Inventor 中使用 SnatchBot
App Inventor,  免費資源分享

在 App Inventor 中使用 SnatchBot

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





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


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



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


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


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



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


選「機器人聲明


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


填入機器人消息


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




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


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


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



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

需要元件如下圖


切換到程式設計

需要拼圖如下圖


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





aia 專案程式檔下載





專案執行範例:




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

可以多點幾次喔~~

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

發表迴響