Day 24

今日專案任務

今天我們就繼續來完成昨天的任務吧，不過我發現昨天看得參考資料是用在臉書自動發文的流程，而不是 FB 粉專自動回覆留言，因此有蠻多流程我目前也還在摸索，如果有講錯的地方都可以提出來，會馬上修正！

參考資料一(網站)：https://blog.es2idea.com/posts/how-to-automate-facebook-posts-with-n8n/
參考資料二(影片)：https://www.youtube.com/watch?v=9L4Blo8jQRU

什麼是 Webhook 呢？

什麼是 Webhook 呢？ Webhook 就像是自動通知服務：當系統發生特定事件（如收到付款、新留言）時，它會主動將訊息「推播」到你的指定網址，不用你一直手動刷頁面確認(由 Gemini 生成)

這次的專案：FB 粉專留言的回覆就是一個很典型的例子，當臉書接收到有人留言，他就會把這樣的訊息傳給我們的程式(Manus)，這樣 Manus 才有辦法處理並回覆這則留言

Youtube 影片說明：https://www.youtube.com/watch?v=FWLPX9JOS08

Manus 建立 Webhook 流程

首先在側邊欄點選"自動化"，再點右上角的"建立"，接著在觸發任務中選擇"Webhook"

複製好建立出來的連結(建議放在記事本裡面)，並按下"產生授權標頭"(一樣記起來)

什麼是 WebDev 呢？

正常的 Webhook 機制來說，這樣就已經完成了，但 Manus 的 Webhook 有一個授權標頭的機制（為了擔心其他人都可以打這一個 Webhook 有的安全機制，對方傳送過來的訊息一定要有指定的密碼），再加上 Facebook 的 Webhook 機制也需要接收者立刻回傳一個訊息(驗證這個 Webhook 屬於你，並且可以正常接收訊息)所以我們需要在 Manus 中建立一個 WebDev ，讓 WebDev 接收到臉書的訊息後，立即回應指定內容，證明我們的 Webhook 是活的，接下來 FB 傳送的第二則訊息才會是真正的訊息（臉書貼文留言的訊息）

(By ChatGPT)

那什麼是 WebDev 呢？可以把它想成 Manus 裡的「網站開發工具」，可以快速建立網頁或 API。這裡我們不是拿它做一般網站，而是建立一個中繼站，幫 Facebook 接收、回應並轉送 Webhook 訊息(By ChatGPT)

在 Manus 建立 WebDev

我們可以在 Manus 上輸入這樣的提示詞（想要直接使用的話，可以把圖片貼給 GPT 請他取出文字就可以囉！）

中間需要建立五個環境變數給這一個網站
MANUS_AUTH_HEADER_NAME：Authorization
MANUS_AUTH_HEADER_VALUE：上面已生成的"授權標頭"
MANUS_WEBHOOK_URL：上面已經做好的 Webhook_url
META_APP_SECRET：(明天會教大家怎麼取得)
META_VERIFY_TOKEN：(明天會教大家怎麼取得)

剩下的部分明天再繼續分享給大家！