【n8n超入門教學】n8n x AI Agent x LINE Messaging 打造個人行動助理 8 - Line Messaging 串接(1)

【n8n超入門教學】n8n x AI Agent x LINE Messaging 打造個人行動助理 8 - Line Messaging 串接(1)

用 N8N 串接 LINE:打造能用 LINE 對話的 AI 行動助理

這一集我們終於要來實作 N8N 串接 LINE,讓你的 AI 行動助理可以直接在 LINE 上和你互動。這篇文章會帶你從零開始註冊 LINE Messaging API,到 N8N Webhook 節點的串接與測試。

Step 1:註冊 LINE Messaging API 帳號

  1. Google 搜尋「LINE Messaging API」,進入官方網站。
  2. 點擊右上角「Login to Console」,用 LINE 帳號登入(可用 QR Code)。
  3. 建立 LINE Business ID,填入 Developer Name、Email,勾選同意條款後建立帳號。
  4. 建立 Provider(可自訂名稱,例如 N8N Provider)。
  5. 建立 Messaging API Channel,並建立 LINE 官方帳號(名稱、Email、業種皆可自訂,需手機簡訊認證)。

Step 2:啟用 Messaging API 並設定 Webhook

  1. 進入 LINE 官方帳號管理後台,點選「Settings」→「Messaging API」。
  2. 點擊「Enable Messaging API」,選擇剛剛建立的 Provider。
  3. 會看到一個 Webhook URL 欄位,這是等下要貼 N8N Webhook 的地方。

Step 3:在 N8N 新增 Webhook 節點

  1. 回到 N8N,新增一個 Webhook 節點(Trigger 節點)。
  2. 設定 Method 為 POST。
  3. 點擊「Listen for test event」,N8N 會產生一個 Webhook URL。
  4. 複製這個 URL,貼到 LINE 後台的 Webhook URL 欄位,並儲存。

Step 4:驗證 Webhook 串接

  1. 在 LINE 後台點擊「Verify」,如果顯示 Success,代表 N8N 已成功接收 LINE 的訊息。
  2. 若失敗,回到 N8N 再點一次「Listen for test event」並重試。

Step 5:測試訊息傳遞

  1. 在 LINE 官方帳號中傳送訊息(例如「嗨嗨」)。
  2. 回到 N8N,Webhook 節點的 Output 應該會即時顯示你傳送的內容,代表串接成功。

Step 6:小細節與建議

  • Webhook 測試 URL 只能驗證一次,若要重複驗證需重新啟用「Listen for test event」。
  • 建議順便更換 LINE 官方帳號的大頭貼,讓你的 AI 助理更有個人風格。

這樣就完成了 N8N 串接 LINE 的基本流程!
下一集我們會教你如何把 LINE 訊息真正傳送給 AI Agent,讓你能直接用 LINE 跟 AI 助理對話。
如果有任何問題,歡迎留言討論,我們下篇見,掰掰!

Read more

【n8n實戰教學】雲端自架n8n串接Google應用程式 - Google Sheet / Gmail / Google Calendar

【n8n實戰教學】雲端自架n8n串接Google應用程式 - Google Sheet / Gmail / Google Calendar

在自動化工作流程中,Google 的各項服務扮演著重要角色。今天要介紹如何透過自架的 N8n 來串接 Google 的應用程式,包括 Google Sheets、Calendar 等服務。雖然這個過程比官方的串接方式稍微複雜一點,但跟著以下步驟,相信大家都能輕鬆完成! 前置準備 1. 一個全新的 Google 帳號 2. 自架的 N8n 環境 3. 耐心(因為設定步驟較多) 設定 Google Cloud Platform (GCP) 1. 建立專案 * 前往 Google Cloud Platform * 點擊「選取專案」→「新增專案」 * 專案命名(例如:N8N Cloud) * 等待專案建立完成 2. 啟用必要的 API

By Tung Li
【n8n實戰教學】打造旅遊翻譯小幫手 - AI 圖片解析延伸應用 3

【n8n實戰教學】打造旅遊翻譯小幫手 - AI 圖片解析延伸應用 3

剛從東京回來,想跟大家分享一個在日本自由行時超實用的小工具 - LINE 翻譯助理。這是我把之前介紹的穿搭大師流程稍作修改後的應用,讓旅途中遇到看不懂的日文不再是困擾! 工具特色 這個翻譯助理的運作方式很簡單: * 只要在 LINE 上傳看不懂的日文照片 * 系統會自動將照片傳給 AI 翻譯助理 * 很快就能收到詳細的中文翻譯說明 實際使用案例中,我測試了兩種情境: 1. 客運站牌車票:成功辨識出 17 號是指乘車處編號,還貼心提供了注意事項的翻譯 2. 神社抽籤:完整翻譯出抽到小吉的含義與各項運勢說明 技術優化小撇步 為了讓系統運作更順暢,我還加入了圖片壓縮的功能: * 在傳給 AI 前先將圖片壓縮 * 將圖片尺寸控制在 500x500 以內 * 大幅降低檔案大小(測試案例從 353KB 壓縮到 44.3KB) * 同時確保圖片品質足以讓 AI 正確辨識文字 為什麼選擇 LINE 而不是直接用 ChatGPT? 很多人可能會問:

By Tung Li
【n8n實戰教學】穿搭大師-打造穿搭助理 - Line Messaging API 整合 2

【n8n實戰教學】穿搭大師-打造穿搭助理 - Line Messaging API 整合 2

用 n8n 串接 LINE,讓穿搭大師 AI 直接在 LINE 上幫你評論穿搭! 嗨大家好,我是東! 上一集我們已經用 n8n chat trigger 預設的聊天室,把圖片傳給穿搭大師,並且在聊天室裡拿到 AI 的評論。這一集,我們要挑戰更進階的玩法——直接用 LINE 把圖片傳給 n8n 裡的穿搭大師,然後在 LINE 上收到回覆! LINE 串接 n8n 的基本流程 首先,來複習一下 n8n 串接 LINE 的基本流程。當我們在 LINE 傳訊息(像是 HiHi),LINE 會透過 Webhook 把訊息傳給 n8n。

By Tung Li
【n8n實戰教學】穿搭大師-打造穿搭助理 - Chat Trigger 應用與 AI 圖片解析 1

【n8n實戰教學】穿搭大師-打造穿搭助理 - Chat Trigger 應用與 AI 圖片解析 1

用 AI 穿搭大師,讓你出國穿搭不再煩惱! 嗨大家好,我是東! 今天要來跟大家分享一個超實用又有趣的主題——「穿搭大師」AI 工作流。這個靈感其實來自我下個月要去東京旅遊,想到日本人都超會穿搭,自己如果穿得不夠好看,會不會被笑呢?所以我決定打造一個專屬的穿搭助理,幫我即時評分、給建議,讓我在東京也能自信滿滿! 穿搭大師是什麼? 簡單來說,就是一個能根據你上傳的穿搭照片,給你專業評論和建議的 AI 助理。它不只會看配色、款式、風格,還會考慮場合適宜性和個人特色,最後還會給你 1-10 分的評分。這樣一來,無論是日常穿搭還是出國旅行,都能有個「時尚顧問」隨時陪伴。 流程怎麼跑? 1. 先準備好你的穿搭照片,直接丟給穿搭大師。 2. AI 會根據照片,給你評論、建議,最後還有分數。 3. 你可以在逛服飾店時,直接在更衣室拍照上傳,馬上收到回饋。

By Tung Li