## 歡迎來到 N8N 動態網站 API 爬蟲 Workflow！還在為手動翻頁抓取網站資料而煩惱嗎？這個 N8N 模板是你的「自動化神器」，幫你直接從 JavaScript 網站的 API 提取資料，輕鬆存到 Google Sheet！從此告別繁瑣翻頁，效率翻倍！ ## ✨ **JSON 下載** ### 青協活動 API Scrape 模板 [upl-file uuid=3b4c3887-4244-40e4-8a93-cd8ecc76a266 size=17kB]scrape.json[/upl-file] ### HK01 API Scrape 模板 [upl-file uuid=7b07209f-feec-48a0-ad4f-b55e91cc8e48 size=7kB]hk01-api-scrape.json[/upl-file] ## 🚀 **如何使用：** 1. 在 N8N 右上角點擊「三點」圖示。 2. 選擇「從檔案導入」，選取提供的 JSON 文件即可開始使用。 ## 🔥 **示例內容與亮點** - **高效 API 爬蟲**：無需前端抓取，直接訪問網站 API，輕鬆提取動態網站（如 React、Next、Vue、Nuxt）資料。 - **自動化資料整理**：將爬取的資料（如活動名稱、日期、地點、費用）整齊存入 Google Sheet，方便篩選與管理。 - **靈活分頁處理**：內建循環模塊，自動翻頁抓取所有資料，無需手動操作。 - **實用場景**：以香港青年協會網站為例，快速整理數千筆暑期活動資料，篩選尚有名額的活動。 - **技術細節**：使用 HTTP Request 模塊訪問 API，結合 Split Out 模塊分割數據，並通過 Google Sheets 模塊實現資料儲存。 ## 📽️ **教學影片** https://youtu.be/GNrTF3u95bA 這就是我們的 N8N 動態網站 API 爬蟲 Workflow，簡單又強大！想快速上手自動化爬蟲？快下載模板試試吧！有任何問題，歡迎留言或聯繫我們，期待你的回饋！

@"HuiDang"#p96 是的，理論上是這樣，不過具體就真的要看每個 API 它自己的架設，因為還是有很多的方法可以不公開的情況下使用。

@"m17"#p97 係咪做個簡單嘅 Google Credential 使用教學呢？🤔

@"tony"#p109 做法其實都係一樣，右 click inspect > network > xhr，再响個網站度搜尋吓或者 click 吓，睇吓佢有無野出，有的話，裡面會唔會有 Data 可以利用。而佢個條 "Request URL" 就係你需要的 API 了。 [upl-image-preview uuid=97d8132c-11fd-4e2b-bd7c-ad8b9ebc5b37 url=https://d329adacrwy48x.cloudfront.net/2025-05-21/1747814809-679193-scr-20250521-oewe.png alt={TEXT?}]

@"tony"#p109 但係會有機會，佢用其他方法响唔公開的情況下比個 Frontend 使用的，所以要睇情況。

@"玻璃陳"#p114 無錯，kkday果d就應無，隱藏左

有的，你試下轉一轉頁： [upl-image-preview uuid=db68de80-35cc-43b1-a2b7-ade3133e7ddb url=https://d329adacrwy48x.cloudfront.net/2025-05-22/1747888293-693599-l9uwnhlwdg.png alt={TEXT?}]

08. JavaScript 網站爬蟲利器：N8N 自動化工作流模板

玻璃陳

歡迎來到 N8N 動態網站 API 爬蟲 Workflow！

還在為手動翻頁抓取網站資料而煩惱嗎？這個 N8N 模板是你的「自動化神器」，幫你直接從 JavaScript 網站的 API 提取資料，輕鬆存到 Google Sheet！從此告別繁瑣翻頁，效率翻倍！

✨ JSON 下載

青協活動 API Scrape 模板

scrape.json

17kB

HK01 API Scrape 模板

hk01-api-scrape.json

7kB

🚀 如何使用：

在 N8N 右上角點擊「三點」圖示。
選擇「從檔案導入」，選取提供的 JSON 文件即可開始使用。

🔥 示例內容與亮點

高效 API 爬蟲：無需前端抓取，直接訪問網站 API，輕鬆提取動態網站（如 React、Next、Vue、Nuxt）資料。
自動化資料整理：將爬取的資料（如活動名稱、日期、地點、費用）整齊存入 Google Sheet，方便篩選與管理。
靈活分頁處理：內建循環模塊，自動翻頁抓取所有資料，無需手動操作。
實用場景：以香港青年協會網站為例，快速整理數千筆暑期活動資料，篩選尚有名額的活動。
技術細節：使用 HTTP Request 模塊訪問 API，結合 Split Out 模塊分割數據，並通過 Google Sheets 模塊實現資料儲存。

📽️ 教學影片

這就是我們的 N8N 動態網站 API 爬蟲 Workflow，簡單又強大！想快速上手自動化爬蟲？快下載模板試試吧！有任何問題，歡迎留言或聯繫我們，期待你的回饋！

HuiDang

理论上可以更新，新闻的最热点。

玻璃陳

HuiDang 是的，理論上是這樣，不過具體就真的要看每個 API 它自己的架設，因為還是有很多的方法可以不公開的情況下使用。

m17

google個credential搞好耐都唔得,
Forbidden - perhaps check your credentials?
The caller does not have permission
已經開咗google sheet api,個oAuth都set咗,n8n credential client ID, secret同入晒,顯示係綠TICK connect但係都error

玻璃陳

m17 係咪做個簡單嘅 Google Credential 使用教學呢？🤔

tony

揾api果度都係睇唔明，例如如果想揾d旅遊網api係咪唔一定有?

玻璃陳

tony 做法其實都係一樣，右 click inspect > network > xhr，再响個網站度搜尋吓或者 click 吓，睇吓佢有無野出，有的話，裡面會唔會有 Data 可以利用。而佢個條 “Request URL” 就係你需要的 API 了。

玻璃陳

tony 但係會有機會，佢用其他方法响唔公開的情況下比個 Frontend 使用的，所以要睇情況。

tony

玻璃陳無錯，kkday果d就應無，隱藏左

玻璃陳

有的，你試下轉一轉頁：