切換
舊版
前往
大廳
主題

[教學]讓哈哈姆特機器人發出圖片

HAYATE | 2019-05-23 19:34:23 | 巴幣 4 | 人氣 597

這次來介紹一下怎麼讓機器人發出圖片~
一樣,我是使用Google Apps Script 來做bot的!

初次嘗試做過bot的,可以看這裡,或是看之前我的教學

[教學]做一隻更懂人話的哈哈姆特bot(機器人)

開始前
可以先看一下巴哈姆特出的上傳圖片教學,大概暸解一下
   
以下馬上開始吧!  
  1. 去下載工具postman
    postman 是一個很棒的工具,用來測試和驗證api非常很好用,
    這邊不只要用它來測試而已,因為我們還要用它來傳圖片,而且不需要寫程式!
        
  2. 使用postman上傳圖片
    根據哈哈姆特官方的文件,上傳的api是這個:
    https://us-central1-hahamut-8888.cloudfunctions.net/imagePush?
    複製上面這串網址,然後貼到postman,並且左邊按鈕選擇Post
    如下圖

    接者下方Params的地方輸入你的bot_id、access_token (可以去後台看)
    如下圖

    你會發現輸入完上面的網址都自動幫你帶好參數摟!

    接者切到Body這個tab,然後選擇form-data, key 打 filedata,選擇file
    右邊value點Select files,可以從電腦選擇你想上傳的圖
    如下圖

    接者按send 就把圖片上傳上去試試看!
    然後會發現Response 有哈哈姆特給的回應,應該會長類似這樣
    {"id":"1234asdf1234asdf1234asdf","ext":"JPG","width":500,"height":500}
    就代表成功上傳啦!

    這意思是我得到了哈哈姆特給我的圖片資訊:
    圖片id:1234asdf1234asdf1234asdf
    圖片ext:JPG
    圖片width:500
    圖片height:500

    接者找地方記下來這4個值(很重要,之後會用到)
          
  3. 開啟Google Apps Script 自己的專案
    這邊就不多說啦,還沒有自己的機器人專案的可以看這篇 或是看我之前的教學
       
  4. 貼上code並且發布
    這裡有我寫好的現成code,設定成使用者輸入“車圖“,bot就會傳圖出去,
    記得要把剛剛記下來的4個值貼到對應的地方喔!

       
  5. 完成啦!
    用我自己做的歐比王當作範例:

整理一下這次教學的整個流程:
  • 使用工具上傳圖片到哈哈姆特的伺服器
  • 上傳上去以後他會回傳給我們圖片的各項資訊,方便之後使用
  • 以後要發圖片,只要告訴伺服器是哪一張圖(給他圖片的資訊),他就會幫我們發(類似發貼圖)

其實也可以不用工具(postman)上傳圖片,而是直接用gas去完成所有步驟,
但是我自己覺得如果不是大量上傳圖片,要特別寫程式去跑好像比較沒效率,
有興趣的人可以自己試試看啦!
以上,就先介紹到這邊囉~ 有問題可以在下方留言或私訊我!
喜歡的話也可以 Donate 我,請我喝飲料XD

創作回應

相關創作

更多創作