iT邦幫忙

2025 iThome 鐵人賽

DAY 19
0
DevOps

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

Day19 串接line (上)

  • 分享至 

  • xImage
  •  

完成三個小專案了!今天要來開始重頭戲-串接LINE!!
會想要串接LINE 是因為台灣非常普及的通訊軟體,如果能把程式串接到 LINE,使用者就可以透過聊天界面與你的應用互動,例如:

  • 自動回覆訊息
  • 發送每日提醒或通知
  • 查詢資料、完成簡單操作

Step1 建立一個官方帳號

  1. 先google「LINE oa manager」,接著登入自己得line帳號
  2. 進入網頁後,點選「建立」填好資料來創一個官方帳號。完成後會取得帳號資訊,包含名稱、基本ID等。
    https://ithelp.ithome.com.tw/upload/images/20250902/20168759FMtdloMQUL.png
  3. 點選設定頁面來啟用「Messaging API」。
    1. 須建立服務提供者(官方帳號隸屬的地方)
    2. 填入Webhook網址(需為https開頭),並且啟用Webhook 功能

Step2 Webhook設定

因為我是用docker作為容器來架設本機端的n8n,因此它啟動的網址(http://localhost )只有自己的電腦連得到,別人是連不到的,而現在需要讓line可以傳送Webhook事件到我們的網址,因此要建立一個臨時的網址,也就是說要更改我們Webhook節點所產生的url,所以我們需要利用ngrok這個工具。

  1. 安裝ngrok
  2. 打開終端機(需設為之前安裝n8n時所建立的資料夾的路徑)
    1. 輸入 ngrok http 5678,按下ENTER
      https://ithelp.ithome.com.tw/upload/images/20250902/20168759Sme1IdpSFA.png
    2. 複製Forwarding的網址 (這個網址每次都會不同)
    3. 以VSCode打開n8n資料夾中【docker-compose.yml】
      1. 加入參數並存檔
environment:
      - WEBHOOK_URL=https://xxxxxxxxxxxx.ngrok-free.app
  1. 重新打開終端機,重新把我們的container刪掉重新建立
    1. 路徑改為n8n資料夾
    2. 指令:

docker compose down
docker compose up -d

https://ithelp.ithome.com.tw/upload/images/20250902/201687594UG3ZlSqd7.png
4. 回到n8n建立Webhook節點,可以看到它所生成的網址變為https://開頭
1. HTTP Method設為POST (用來傳送資料)
https://ithelp.ithome.com.tw/upload/images/20250902/20168759RRn5JUw2nZ.jpg

  1. 複製Test URL並開啟Listen for test event來做測試

    1. Test URL每次只會執行一次,若是用production URL要記得要先啟用才可使用
    2. 回到設定line官方帳號的頁面(messaging api),將複製的URL填入Webhook URL欄位並點選Verify
    3. 顯示success表示有成功連接上,webhook節點也有收到東西
      https://ithelp.ithome.com.tw/upload/images/20250902/20168759QZ1XH0hGGy.png
  2. 在LINE聊天室中傳HiHi做測試,可以看到output格子有出現訊息內容
    https://ithelp.ithome.com.tw/upload/images/20250902/20168759sBuq4Es6hp.jpg
    到這裡代表我們成功連接LINE並且可以收到從LINE聊天室所傳送的訊息了!!

參考資料

https://ngrok.com/
https://youtu.be/oSj3tlr2Af8?si=E9ePfTDVmxqkIlGb
https://youtu.be/AsvzSM5Y614?si=LiDyAr9RCgZH3wro
https://youtu.be/5C414Q6w8ps?si=48qrJxhvlhmFLp6G


上一篇
Day 18 google calender(進階版)-自動建立行程
下一篇
Day20 串接line(下)
系列文
n8n x AI自動化之新手村22
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言