iT邦幫忙

2025 iThome 鐵人賽

DAY 18
0
DevOps

Mac 環境 n8n 30 天學習計畫系列 第 18

📌Day 18:小專案 – Webhook → Notion 筆記

  • 分享至 

  • xImage
  •  

Day 18:小專案實作,將前面學到的 WebhookNotion CRUD 操作條件判斷整合起來,做一個實用的應用場景。
https://ithelp.ithome.com.tw/upload/images/20251001/20169144WJo2D38gK8.png

應用場景
你是一個學生,想用手機或電腦快速紀錄課堂心得或待辦事項 → 用 Webhook 接收資料 → 自動寫入 Notion 資料庫,方便整理。

🔹步驟 1:準備 Notion 資料庫

先在 Notion 建立一個 Database,欄位如下:

  • Title(標題,文字型態,必填)
  • Select(類別:作業、上課心得、生活、其他)
  • Date(日期,紀錄事件時間)
  • Number(數字,例如分數、金額、或計算次數)
  • Checkbox(完成狀態:✅ / 未完成)
  • Rich Text(詳細內容)

https://ithelp.ithome.com.tw/upload/images/20251001/20169144tOqkl5IL6k.png

🔹步驟 2:建立 Webhook 節點

  1. 打開 n8n → 新建 Workflow

  2. 新增 Webhook 節點

    • Method 選擇 POST
    • Path 輸入 student-note(最後的 URL 會像這樣:https://你的n8n地址/webhook/student-note)。
  3. 點擊 Execute Workflow 來啟動 webhook 測試

https://ithelp.ithome.com.tw/upload/images/20251001/20169144GAlPyqgvoZ.png

  1. 用 curl(Mac 終端機)
    在 Mac 終端機輸入:
curl -X POST "http://localhost:5678/webhook-test/student-note" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "Python 作業第3週",
    "category": "作業",
    "date": "2025-09-23",
    "score": 95,
    "done": false,
    "note": "今天完成了動態規劃練習題"
  }

https://ithelp.ithome.com.tw/upload/images/20251001/2016914449eBAdOUDN.png

執行後,n8n workflow webhook 節點就會顯示收到的 JSON。


🔹步驟 3:連接 Notion → Create Page

  1. 新增 Notion 節點,選擇 Create Page

  2. 選擇你的 Database ID(對應步驟 1 建立的 Database)。

  3. 設定欄位對應:

    • Title → {{$json["title"]}}
    • Select → {{$json["category"]}}
    • Date → {{$json["date"]}}
    • Number → {{$json["score"]}}
    • Checkbox → {{$json["done"]}}
    • Rich Text → {{$json["note"]}}
      https://ithelp.ithome.com.tw/upload/images/20251001/20169144hZKHLrY4Sy.png
      這樣每次呼叫 webhook,Notion 就會新增一筆資料。

🔹步驟 4:延伸 CRUD 應用

( Day 11 學過的 CRUD,這裡加進去更完整)

  • Create:Webhook 觸發 → 新增頁面(步驟 3)。
  • Read:可以接一個 Notion → Get Database 節點,抓取已紀錄的筆記,回傳給 webhook caller。
  • Update:Webhook 裡加上 id 欄位 → 用 Notion Update Page 更新某一筆資料(例如改分數、改完成狀態)。
  • Delete:Webhook 收到 delete_id → 用 Notion Delete Page 刪除一筆紀錄。
    https://ithelp.ithome.com.tw/upload/images/20251001/20169144XPKCsrc18X.png


上一篇
Day17 : Webhook → Sheet(資料 → 自動寫入)
下一篇
Day 19:OpenAI API Key 串接 ChatGPT
系列文
Mac 環境 n8n 30 天學習計畫22
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言