<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Node｜林鼎淵 Dean Lin</title>
    <link>https://deanlin.net/tags/node/</link>
    <image><url>https://deanlin.net/images/author_hu_aa256fc934e9a932.jpg</url><title>Node｜林鼎淵 Dean Lin</title><link>https://deanlin.net/tags/node/</link><width>144</width><height>144</height></image>
    <description>林鼎淵（Dean Lin）的部落格：生成式 AI 企業內訓講師、外商資安公司軟體專家、7 本書作者。400 多篇文章用白話分享生成式 AI 實戰、Claude Code 與 Vibe Coding 教學、團隊合作與職場成長。</description>
    <generator>Hugo</generator>
    <language>zh-tw</language>
    <copyright>© 2020–2026 林鼎淵 Dean Lin</copyright>
    <lastBuildDate>Tue, 14 Jan 2025 21:55:10 +0800</lastBuildDate>
    <atom:link href="https://deanlin.net/tags/node/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>[n8n 教學]掌握重要節點 (Node) 使用情境：Set、Loop Over Items、If、Code、HTTP Request、Wait</title>
      <link>https://deanlin.net/blog/202501/n8n-core-nodes/</link>
      <pubDate>Tue, 14 Jan 2025 21:55:10 +0800</pubDate>
      <guid>https://deanlin.net/blog/202501/n8n-core-nodes/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>n8n 是一款功能強大的自動化工具，但如果你對 n8n 的基礎知識與節點功能不夠理解，可能會遇到各種常見的坑（ex: Loop Over Items 無法重置迴圈、讀不到過去節點的結果..）。為了讓大家少踩坑，這篇文章將詳細介紹 n8n 節點的基礎操作</description>
      <media:content url="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-og_hu_84c6ba83840e8098.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>n8n 是一款功能強大的自動化工具，透過視覺化的操作介面，只需拖拉節點、設定參數，就能快速建立屬於你的工作流。</p>
<p>但如果你對 n8n 的基礎知識與節點功能不夠理解，可能會遇到各種常見的坑（ex: Loop Over Items 無法重置迴圈、讀不到過去節點的結果..）。</p>
<p>為了讓大家少踩坑，這篇文章將詳細介紹 n8n 節點的基礎操作，幫助你快速上手這款工具。</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-01.webp" width="1400" height="789" alt="\[n8n 教學\]掌握重要節點 (Node) 使用情境：Set、Loop Over Items、If、Code、HTTP Request、Wait（圖 1）" fetchpriority="high" decoding="async"></p>
<pre tabindex="0"><code>文章大綱

▋ Set Node: 設定 Workflow 共用的變數
▋ Loop Over Items Node: 執行重複任務
▋ HTTP Request: 呼叫 API
▋ Wait Node: 等待指定時間
▋ Code Node: 添加程式邏輯（ex: 格式化資料）
▋ 取得指定節點（Specific Node）的 Result
▋ 用 If Node 來 Reset Loop Over Items 資料
▋ 用 $getWorkflowStaticData 儲存資訊
</code></pre><blockquote>
<p>n8n 有<a href="https://n8n.io/">雲端</a>與本地（local）的開源版本，基於資訊安全與使用限制，筆者強烈建立在本地（lo<em>cal）建立環境，<a href="https://deanlin.net/blog/202501/n8n-docker-local-setup/">詳細的操作步驟可以參考這篇文章</a>。</em></p>
</blockquote>
<hr>
<h2 id="-set-node-設定-workflow-共用的變數">Set Node: 設定 Workflow 共用的變數<a class="h-anchor" href="#-set-node-%e8%a8%ad%e5%ae%9a-workflow-%e5%85%b1%e7%94%a8%e7%9a%84%e8%ae%8a%e6%95%b8" aria-label="這個段落的連結"></a></h2>
<p>Set Node 的主要功能是定義工作流中共用的變數，這樣當參數要調整時，只需要調整一個地方，不需要去多個地方調整，避免設定上的遺漏。</p>
<p>比如你想針對特定的 Google Sheet 做讀取、新增、修改的操作，就可以將 Google Sheet 的 URL 設定到 Set Node 的欄位中。</p>
<p>這樣後續要使用 Google Sheet URL 時，只要讀取這個 Set Node 的資訊即可，不需要在每個 Google Sheet 的節點重新設定。</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-02.webp" width="1398" height="954" alt="Set Node: 設定 Workflow 共用的變數（圖 2）" loading="lazy" decoding="async"></p>
<blockquote>
<p><strong>小提醒</strong>: 在這邊設定的變數是「固定值」，如果想要設定可以更改的變數，請參考後面的「$getWorkflowStaticData」方案。</p>
</blockquote>
<hr>
<h2 id="-loop-over-items-node-執行重複任務">Loop Over Items Node: 執行重複任務<a class="h-anchor" href="#-loop-over-items-node-%e5%9f%b7%e8%a1%8c%e9%87%8d%e8%a4%87%e4%bb%bb%e5%8b%99" aria-label="這個段落的連結"></a></h2>
<p>Loop Over Items Node 可以針對獲得的每一筆資料（item）執行相同的操作。</p>
<p>像筆者在後續的範例中，因為要重複 Call Google 的 API 來取得關聯關鍵字，就會用到這個 Node:</p>
<ul>
<li><strong>loop</strong>: 放上你要執行的重複任務。</li>
<li><strong>done</strong>: 重複任務執行完畢後，會得到的累計結果。</li>
</ul>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-03.webp" width="772" height="405" alt="Loop Over Items Node: 執行重複任務（圖 3）" loading="lazy" decoding="async"></p>
<blockquote>
<p><strong>小提醒</strong>: Loop 迴圈是不會自動重置的，需要搭配 If Node 進行條件判斷，才能避免資料重複處理。</p>
</blockquote>
<hr>
<h2 id="-http-request-node-呼叫-api">HTTP Request Node: 呼叫 API<a class="h-anchor" href="#-http-request-node-%e5%91%bc%e5%8f%ab-api" aria-label="這個段落的連結"></a></h2>
<p>許多自動化流程都是需要呼叫 API 來取得權限（ex: token）的:</p>
<ul>
<li><strong>Method</strong>: 有 GET/POST/DELETE 等方法可以選擇</li>
<li><strong>URL</strong>: 貼上 API URL</li>
<li><strong>Authentication</strong>: 執行 API 需要的憑證。</li>
<li><strong>傳送參數</strong>: 可以選擇用 Query Parameters 或 Send Body 的方式來傳送參數。</li>
</ul>
<p>下面就用 Google 建議搜尋的 Get Method API 來向大家做個示範:</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-04.webp" width="1400" height="953" alt="HTTP Request Node: 呼叫 API（圖 4）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="-code-node-添加程式邏輯ex-格式化資料">Code Node: 添加程式邏輯（ex: 格式化資料）<a class="h-anchor" href="#-code-node-%e6%b7%bb%e5%8a%a0%e7%a8%8b%e5%bc%8f%e9%82%8f%e8%bc%afex-%e6%a0%bc%e5%bc%8f%e5%8c%96%e8%b3%87%e6%96%99" aria-label="這個段落的連結"></a></h2>
<p>當 n8n 預設的功能無法滿足需求時，就需要 Code Node 來處理了。</p>
<p>比如上面 HTTP Request Node 的結果是一個比較複雜的格式，我們可以透過程式將它轉換為自己期待的格式，並且可以透過 console.log 來協助 debug。</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-05.webp" width="1400" height="699" alt="Code Node: 添加程式邏輯（ex: 格式化資料）（圖 5）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="-wait-node-等待指定時間">Wait Node: 等待指定時間<a class="h-anchor" href="#-wait-node-%e7%ad%89%e5%be%85%e6%8c%87%e5%ae%9a%e6%99%82%e9%96%93" aria-label="這個段落的連結"></a></h2>
<p>Wait Node 可以在工作流間加入一段延遲。</p>
<p>比如我們在批量 Call API 時，為了避免伺服器過載，或是減少自己被黑名單的機率，可以設定 5 秒的間隔。</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-06.webp" width="1400" height="951" alt="Wait Node: 等待指定時間（圖 6）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="-取得指定節點specific-node的-result">取得指定節點（Specific Node）的 Result<a class="h-anchor" href="#-%e5%8f%96%e5%be%97%e6%8c%87%e5%ae%9a%e7%af%80%e9%bb%9especific-node%e7%9a%84-result" aria-label="這個段落的連結"></a></h2>
<p>n8n 默認取得上一個節點（Previous Node）的 Result，但如果你想要取得更早之前 Node 的 Result，就要用到下面的方式：</p>
<ul>
<li><strong>Node</strong>: 使用 Expression <code>{{ $(&rsquo;node_name&rsquo;).item.json.feild_name }}</code></li>
</ul>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-07.webp" width="1398" height="954" alt="取得指定節點（Specific Node）的 Result（圖 7）" loading="lazy" decoding="async"></p>
<ul>
<li><strong>Code</strong>: <code>$node[&ldquo;node_name&rdquo;].json[&ldquo;feild_name&rdquo;];</code></li>
</ul>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-08.webp" width="1398" height="954" alt="取得指定節點（Specific Node）的 Result（圖 8）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="-用-if-node-來-reset-loop-over-items-資料">用 If Node 來 Reset Loop Over Items 資料<a class="h-anchor" href="#-%e7%94%a8-if-node-%e4%be%86-reset-loop-over-items-%e8%b3%87%e6%96%99" aria-label="這個段落的連結"></a></h2>
<p>如果你有設計迴圈（Loop），可透過 If Node 設定條件來 Reset 資料，避免因未清空資料而導致流程錯誤。</p>
<p>如果你希望每次進入 Loop Over Items 時資料都清空，Workflow 可以參考下圖的結構來設計:</p>
<ul>
<li>將 If Node 放在上一個 Node 的後面，Loop Over Items 前面。</li>
<li>將 Loop Over Items 的 done 連結到 If Node，這樣才能協助 Reset 資料。</li>
</ul>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-09.webp" width="736" height="216" alt="用 If Node 來 Reset Loop Over Items 資料（圖 9）" loading="lazy" decoding="async"></p>
<p>If Node 我用 <code>{{ $runIndex }}</code> 跑第幾次來當作重置的判斷，如果次數小於上一步 items 的數量 <code>{{ $json.keys().length }}</code>，會走 True，進行重置。</p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-10.webp" width="1400" height="956" alt="用 If Node 來 Reset Loop Over Items 資料（圖 10）" loading="lazy" decoding="async"></p>
<p>為了讓重置的事件觸發，在 Loop Over Items Node，我們要在 Options 的 Reset 設定重置的邏輯為 <code>{{ $prevNode.name === &lsquo;if&rsquo; }}</code></p>
<p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-11.webp" width="1400" height="956" alt="用 If Node 來 Reset Loop Over Items 資料（圖 11）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="-用-getworkflowstaticdata-儲存資訊">用 $getWorkflowStaticData 儲存資訊<a class="h-anchor" href="#-%e7%94%a8-getworkflowstaticdata-%e5%84%b2%e5%ad%98%e8%b3%87%e8%a8%8a" aria-label="這個段落的連結"></a></h2>
<p>當需要跨節點（Node）保存資料時，可透過 $getWorkflowStaticData 儲存並讀取與更新工作流的靜態數據。</p>
<p>下面用 Code Node 展示初始化變數資訊的方式:</p>
<div class="highlight"><pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#ff7b72">const</span> workflowStaticData <span style="color:#ff7b72;font-weight:bold">=</span> $getWorkflowStaticData(<span style="color:#a5d6ff">&#39;global&#39;</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#ff7b72">if</span> (<span style="color:#ff7b72;font-weight:bold">!</span>workflowStaticData.hasOwnProperty(<span style="color:#a5d6ff">&#39;keyword_1st&#39;</span>)) {
</span></span><span style="display:flex;"><span>  workflowStaticData.keyword_1st <span style="color:#ff7b72;font-weight:bold">=</span> []
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#ff7b72">return</span> [{}];
</span></span></code></pre></div><p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-12.webp" width="1400" height="956" alt="用 $getWorkflowStaticData 儲存資訊（圖 12）" loading="lazy" decoding="async"></p>
<p>如果你想要讀取、更新資料(範例是在 Array 裏面 push 資料)，可以這麼做:</p>
<div class="highlight"><pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#ff7b72">const</span> workflowStaticData <span style="color:#ff7b72;font-weight:bold">=</span> $getWorkflowStaticData(<span style="color:#a5d6ff">&#39;global&#39;</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>workflowStaticData.keyword_1st.push(<span style="color:#a5d6ff">&#39;bbb&#39;</span>);
</span></span><span style="display:flex;"><span>console.log(workflowStaticData.keyword_1st);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#ff7b72">return</span> [{}];
</span></span></code></pre></div><p><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-13.webp" width="1400" height="953" alt="用 $getWorkflowStaticData 儲存資訊（圖 13）" loading="lazy" decoding="async"></p>
<p>以上就是今天的分享，如果你剛開始使用 n8n，不妨從這些節點開始入手。有任何問題歡迎留言討論！讓我們一起學習更有效率地使用 n8n。</p>
<p><a href="https://deanlin.net/blog/202501/n8n-seo-keyword-matrix/">下一篇文章將會向大家分享呼叫 Google API 自動寫入 Google Sheet 來搜集關鍵字的 n8n 實戰範例！</a></p>
<p><strong>延伸閱讀</strong>:</p>
<ul>
<li><a href="https://deanlin.net/blog/202501/n8n-docker-local-setup/">[n8n 教學]用 Docker 在 Local 建立免費 &amp; 無限次數使用的自動化工具</a></li>
<li><a href="https://deanlin.net/blog/202501/n8n-seo-keyword-matrix/">[n8n 教學]在 Google Sheet 自動建立 SEO 關鍵字矩陣</a></li>
</ul>
<hr>
<a class="linkcard" href="https://deanlin.net/categories/ai/">
  <span class="lc-body">
    <span class="lc-title">AI 實戰</span>
    <span class="lc-desc">實測生成式 AI 工具、Vibe Coding 與自動化流程的第一手心得，把 AI 變成每天都用得上的即戰力。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

<p><strong>想將 AI 導入自己的職場與生活嗎？歡迎<a href="https://www.books.com.tw/products/0011004216">購買筆者出版的新書</a></strong>，幫助您<strong>在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202501/n8n-core-nodes/images/n8n-core-nodes-14.webp" width="1400" height="319" alt="林鼎淵著作《ChatGPT 與 AI 繪圖效率大師（新增 Copilot、Gamma、Runway、Suno）》" loading="lazy" decoding="async">
  <figcaption><a href="https://www.books.com.tw/products/0011004216">https://www.books.com.tw/products/0011004216</a></figcaption>
</figure>

]]></content:encoded>
    </item>
  </channel>
</rss>
