iT邦幫忙

2025 iThome 鐵人賽

DAY 20
0
DevOps

n8n x AI自動化之新手村系列 第 20

Day20 串接line(下)

  • 分享至 

  • xImage
  •  

接下來,我們要把前幾天完成的三個工作流程和 LINE 做結合!有了這三個工具,記帳可以不用每次都開 Excel 或記帳 App,只要發一則訊息,就能完成記帳,還能自動分類。只需一句話,就可以在 Google Calendar 建立行程。每天還能收到當地天氣資訊,不僅詳盡,還可能帶來一些有趣的小提醒。

LINE串接概念

使用者 → LINE → Webhook(一串網址) → n8n→ LINE Messaging API (access token) →LINE → 使用者

  • 使用者傳送訊息
    • 使用者在 LINE 聊天中發送訊息給Bot。
  • LINE 平台接收訊息
    • LINE 收到使用者訊息後,會透過 Webhook 將訊息事件送到你設定的伺服器網址。
  • Webhook 傳送訊息給n8n
    • 伺服器收到 Webhook 事件後,會解析訊息內容,了解使用者想做什麼操作。
  • 處理訊息
    • 程式根據訊息內容執行相應動作,例如:
      • 更新 Google Sheet 記帳
      • 在 Google Calendar 建立行程
      • 查詢天氣並整理資訊
  • n8n回覆 LINE
    • 處理完訊息後,程式透過 LINE Messaging API 回傳訊息給 LINE,提供回覆內容給使用者。
  • 使用者收到回覆
    • 使用者在聊天視窗看到 Bot 的回覆,完成互動。

實作時間

https://ithelp.ithome.com.tw/upload/images/20250902/201687596E92htHwM4.png

  1. 建立Webhook節點(設定與前一天相同)
  2. 建立Edit Fields節點來將LINE接收的訊息轉換成可以傳送的資料格式
    1. 先以chat trigger執行一次,並把output的JSON複製下來
    2. 將複製下來的JSON放進Edit Fields
    3. 放入輸入的訊息
      https://ithelp.ithome.com.tw/upload/images/20250902/20168759gRgDSQUHQD.png
  3. 將Edit Fields節點接到Date&Time節點,來接收到正確的時間與訊息
  4. 複製自己的access token(在LINE Developers的建立的官方帳號中的Messaging API 頁面下方)
  5. 建立HTTP Request來打API用的
    1. Method設為POST(傳送資料)
    2. URL填入回覆訊息的API https://api.line.me/v2/bot/message/reply (可以到LINE開發者文件去複製各種所需的API)
    3. Authentication點選Generic Credential Type
    4. Generic AuthType 選擇Header Auth
    5. 新增credential,value填入 【bearer + access token】
    6. 勾選Send body
    7. Specify Body點選Using JSON
    8. 填入JSON (在LINE開發者文件),並將output拉入
        {
            "replyToken": "{{$('Edit Fields1').first().json.replyToken}}",
            "messages":[
                {
                    "type": "text",
                    "text": "{{ $json.output.replaceAll('\n','').replaceAll('*','') }}"
                }
            ]
        }
    

💡replyToken在webhook中,這裡我們可以會先在Edit Fields中設定好,因此這裡會從Edit Fields做取用。

成果展示

https://ithelp.ithome.com.tw/upload/images/20250902/20168759vHBaBJYjvS.png
https://ithelp.ithome.com.tw/upload/images/20250902/20168759z13kBVWkFB.png

google sheet記帳
https://ithelp.ithome.com.tw/upload/images/20250902/20168759tOcax0q3G2.png

google calender行程建立
https://ithelp.ithome.com.tw/upload/images/20250902/201687593IEABiFxKL.png

加上MCP

發現因為是直接將工具一個一個接在AI Agent上,如果後續再加其他工具的話,畫面會越來越複雜,不好閱讀,因此使用MCP server,來有一個統一的一個接口,可以串接各種不一樣的功能。

  • 建立新的workflow

    • 建立一個MCP Servr Trigger並且接上之前設定好的三個工具
    • 複製MCP URL並啟用
      https://ithelp.ithome.com.tw/upload/images/20250902/20168759vDHWco4NXm.png
  • 回到原本的workflow 將AI Agent的tool接上MCP Client

  • MCP Client填入剛才複製的MCP URL
    https://ithelp.ithome.com.tw/upload/images/20250902/20168759dnitcflAtW.png

參考資料

https://youtu.be/5ft3FrxI4V0?si=qvq72nNvb292Hd_
https://youtu.be/DtWZfjyZwIw?si=YxAsJZGdwaj7xSyx


上一篇
Day19 串接line (上)
下一篇
Day21 旅遊翻譯小助手
系列文
n8n x AI自動化之新手村22
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言