第 23 章・應用場景篇（進階：Agent 與工具）

情報監控：WebScraper 網頁擷取

AI 的知識有截止日，也看不到你貼給它的那個網址。這一章我們給 Workflow 裝上「眼睛」——WebScraper 工具節點，讓它能即時抓取任何網頁的內容，再交給 LLM 摘要。貼一個競品頁、新聞頁或公告網址，幾秒就得到結構化重點。

業界痛點
PM、行銷、業務、研究員每天要盯著一堆網頁：競品的新公告、產業新聞、法規更新。人工做法是一頁頁點開、讀完、摘錄重點——重複、耗時，還常常讀了半天發現不重要。更麻煩的是 LLM 本身讀不到即時網頁，你貼網址給它也沒用。要讓 AI 幫你監控網頁，就得先給它一個能真的「連上網、抓內容」的工具。

本章目標

解決什麼: 輸入任一網址，自動抓取內容並產出結構化摘要與啟示
用到的技術: 第 7 章的 WebScraper 工具節點；把即時網頁內容接給 LLM 消化
難度: ★★★☆☆　讓 Workflow 突破知識截止日，能讀取即時外部資訊

✨ 成果搶先看

先看做完長什麼樣——這樣你就知道自己在往哪裡前進。跟著本章做，你也能生出下面這個結果：

① 使用者填寫的欄位
文章網址：https://lite.cnn.com
想了解的重點：今天有哪些重點新聞

↓　AI 處理，產出 ↓

一句話總結

CNN 新聞首頁列出大量即時新聞標題（標註日期為 2026/7/5），涵蓋美國政治、國際情勢、科技、體育與社會事件等多元主題。

重點摘要（3-5 條）

美國政治與政策：川普簽署行政赦免、推出「Trump Accounts」計畫、國會大廈有現役軍人因呼籲彈劾川普遭逮捕，另有報導指川普從加密貨幣交易中獲利逾10億美元。
國際衝突與外交：俄羅斯對基輔發動猛烈攻擊造成至少30人死亡；烏克蘭戰爭傷亡總數達200萬；美國曾試圖警告伊朗恐遭以色列刺殺調解人員；伊朗為已故最高領袖哈梅內伊舉行大型葬禮。
自然災害與科學：委內瑞拉地震後仍有民眾從瓦礫中被救出；NASA執行任務搶救一顆3200磅重的觀測衛星；埃及發現失落的拜占庭時期古城；科學家發現環繞死亡恆星運行的行星。
名人與娛樂：泰勒絲與崔維斯·凱爾西的婚禮盛大登場；碧昂絲發布新歌迎接美國國慶；小威廉絲因傷退出溫布頓網球賽雙打；演員丹尼·格洛佛公開罹患阿茲海默症。
社會與健康議題：美國西尼羅河病毒疫情提前且嚴峻；一種會導致腹瀉的寄生蟲污染農產品事件擴散多州；美國2025年死亡率降至新低、預期壽命創新高。

關鍵數據/事實（若有）

烏克蘭戰爭累計傷亡人數已達 200萬，被形容「比史達林格勒戰役更血腥」。
川普透過加密貨幣獲利超過 10億美元，儘管多數投資者虧損。
NASA 拯救任務目標為一顆 3,200磅 重的太空觀測衛星。
特斯拉銷售成長 25%，顯示其困境可能緩解。
英美製藥協議分析指出可能導致英格蘭近 23萬人 非必要死亡。
摩納哥僅有 556名警察 駐守，國土面積僅為中央公園的一半。

對我的啟示

此頁面為新聞入口網站的標題彙整，內容龐雜且未經深入報導細節，僅能作為「當日重點新聞總覽」參考。若需深入了解特定事件（如伊朗局勢、川普政策動向、委內瑞拉地震救援進度等），建議點擊個別新聞連結查看完整報導。另需注意頁面日期顯示為 2026年7月5日，可能為系統快取或測試數據，實際時效性應另行查證。

這是實際擷取 CNN 首頁後的摘要（即時內容，故每次不同）。

👇 在 Dify 裡實際執行、長這樣

成果搶先看 — 成品貼一個網址，WebScraper 抓回即時內容，LLM 產出結構化摘要與啟示。

效益速覽（估算）

省時間

逐頁讀 15 分→秒級

競品新聞秒摘要

省人力

一人盯多個來源

監控自動化

創造價值

突破知識截止日

處理今天才發生的事

⬇ 把這個工作流帶走，直接用
不想從頭做？下載本章的 DSL 檔，到你的 Dify「工作室 → 匯入 DSL 檔案」上傳，就能一鍵複製這個範例、改成自己的。

下載 DSL 檔

23.1設計思路：抓取 → 消化

流程單純：開始（收網址）→ WebScraper 擷取 → LLM 摘要 → 輸出。WebScraper 節點負責把網頁的文字內容抓回來（這是 LLM 自己做不到的）；LLM 拿到原始內容後，整理成「一句話總結／重點摘要／關鍵數據／對我的啟示」。

網頁擷取摘要工作流畫布 — **圖 23-1**三節點結構。中間的 **WEBSCRAPER 擷取** 是關鍵——它讓整條流程能觸及外部即時網頁，是 AI 的「眼睛」。抓回來的內容再交給 LLM 消化。

23.1.1節點①「開始」：設計輸入表單

網頁摘要只要收一個網址（外加一個選填的關注重點）。點「開始」節點，在「輸入字段」按「＋」新增欄位（設變數名、顯示標籤、型別）：

url「文章網址」——短文字（貼上要摘要的文章／新聞／競品頁網址）。
focus「想了解的重點」——短文字，選填（例：這篇對我們產品的啟示）。

節點設定 — **圖 23-1a　開始節點收 url 與 focus 兩欄。**

23.1.2節點②「WebScraper 擷取」：設定工具節點

新增一個「WebScraper」工具節點（在開始節點右側「＋」→ 工具 → WebScraper）。設定：URL 用 / 插入變數選「開始 / url」；User Agent 填一個瀏覽器字串（如 Chrome）——這一步很關鍵，很多網站會擋掉沒有瀏覽器身分的請求（回 403）；generate summary 設 False，讓後面的 LLM 來摘要。

23.1.3節點③「LLM」：消化抓回的內容

LLM 節點的提示詞用 {{#WebScraper擷取.text#}} 接住抓回的網頁內容，整理成「一句話總結／重點摘要／關鍵數據／對我的啟示」，並下規則：只根據抓回內容、抓不到就如實說明擷取失敗。

小細節：使用者代理（User-Agent）
不少網站會擋掉沒有瀏覽器身分的請求（回傳 403）。在 WebScraper 節點把 User-Agent 設成一般瀏覽器字串，就能大幅提高抓取成功率。若遇到需要登入或強反爬的頁面，好的提示詞會讓 LLM 如實回報「擷取失敗」，而不是硬編內容。

23.2測試運行：抓一頁即時新聞

輸入一個新聞網址（本例用輕量版的 CNN Lite 首頁），按執行。

抓取 CNN 首頁後產出的結構化新聞摘要 — **圖 23-2**WebScraper 抓回 CNN 首頁的即時內容，LLM 隨即整理成「CNN 新聞頁面摘要（2026/7/3 擷取）」：一句話總結當日國際頭條，再條列地緣政治、災情、政府動態等重點。這些是模型訓練時**不存在**的即時資訊——全靠工具抓回來。

帶來的改變
盯網頁從「人工逐頁讀」變成「貼網址、秒出重點」；AI 突破知識截止日，能處理今天才發生的事；競品監控、新聞簡報、公告追蹤都能自動化。搭配第 5 章的排程觸發，甚至能每天定時幫你把指定網頁摘要送到信箱。

輸出、發布與使用：把成果交付出去

做好的應用要能發布、分享給別人用才有價值。以下是這個應用的輸出設定與發布／使用畫面：

**輸出節點**工作流的最後一站。「輸出變數」把某個節點的輸出（例如 LLM 的 `text`）對應成整條流程的最終結果——決定使用者最後拿到什麼。

23.3本章回顧

LLM 讀不到即時網頁；WebScraper 工具節點是它的「眼睛」。
抓取 → 消化的兩段式結構，適用於各種網頁摘要與監控需求。
設定合理的 User-Agent 可大幅提高抓取成功率；抓不到就如實回報、不編造。