Chapter 03: HTTP Request

Chapter 03: HTTP Request

在學會了內部資料處理後,現在我們要讓 n8n 跨出畫布,去跟現實的網路世界連線。這章我們會學習如何主動呼叫 API,以及如何接收來自外部的即時通知。 學習目標 (Goal) 搞懂 HTTP Method:發送 (GET/POST) 與接收 (Webhook)。 掌握 JSON 進階取值:從複雜的多層級結構中精確抓出資料。 核心觀念 (Concepts) 1. API 互動:主動 vs 被動 想像 n8n 是一個對外辦公室: HTTP Request (主動):n8n 拿起電話,打給外部 API(如 Google,...
Chapter 02: Edit Fields (Set) 與 Expression 進階實戰

Chapter 02: Edit Fields (Set) 與 Expression 進階實戰

在第一章學會了基礎變數後,這一章我們要進入 n8n 的「加工廠」。透過 Expression (表達式),你可以像寫簡單程式一樣,對資料進行加減乘除、文字接龍或是格式轉換。 學習目標 (Goal) 混熟 Expression Editor:從拖拉取值到手動優化。 學會 文字接龍與運算:組合固定文字與動態變數。 掌握 Edit Fields (Set):高效建立多組資料欄位。 學會用 Sort (排序) 與 Limit (限流) 進行初步資料清洗。 核心觀念 (Concepts) 1. Expression Editor:你的魔術棒...
Chapter 01: n8n 核心觀念 (n8n Core Concepts)

Chapter 01: n8n 核心觀念 (n8n Core Concepts)

Chapter 01: n8n 核心觀念 (n8n Core Concepts) 在動手拉節點前,我們先來聊聊 n8n 的靈魂。這章會讓你建立正確的自動化直覺,搞懂資料是怎麼流動的,以及如何使用內建變數隨時抓取動態資訊。 學習目標 (Goal) 搞懂 n8n 的底層語言:JSON。 深入理解 Items 的運作邏輯與自動迭代。 掌握常用的 內建變數 (Expressions),讓流程不再卡關。 學會翻閱 Execution History 與基礎 Debug 技巧。 核心觀念 (Concepts) 1. JSON:n8n...
UHF RFID 技術手記:PC 值 (Protocol Control Value) 格式解析

UHF RFID 技術手記:PC 值 (Protocol Control Value) 格式解析

UHF RFID 技術手記:PC 值 (Protocol Control Value) 格式解析 在進行 UHF RFID 系統開發時,我們經常會讀到一串如 3000 或 3400 的十六進位數值,這就是 PC 值(Protocol Control Value)。它雖然只有短短的 16 位元,卻是讀寫器理解標籤資料的「翻譯官」。 如果你曾經遇到標籤讀取長度不對,或是無法正確辨識 EPC 編碼,那麼深入理解 PC 值的結構將會非常有幫助。 1. PC 值在哪裡?記憶體映射位置 在 EPC Gen2...
設定 Nginx 支援 WordPress 固定連結

設定 Nginx 支援 WordPress 固定連結

設定 Nginx 支援 WordPress 固定連結 核心邏輯說明 在 Nginx 中,我們需要透過 try_files 指令,告訴伺服器: 先找尋是否有對應的實體檔案。 若無,尋找是否有對應的實體目錄。 若皆無,則將請求全部交給 WordPress 的核心入口 index.php 處理。 Nginx 設定檔範例 (.conf) 請編輯你的網站設定檔(路徑通常在 /etc/nginx/sites-available/your-site.conf),並確保 location / 區塊包含以下內容: server { listen...
Embedding Interactive n8n Workflows in WordPress

Embedding Interactive n8n Workflows in WordPress

WPn8n Plugin Introduction After spending some time learning n8n, I wanted to document my final report, only to realize that WordPress can’t directly display n8n workflows. So I went ahead and integrated n8n-demo-webcomponent into a WordPress plugin. Now, with the...
Embedding Interactive n8n Workflows in WordPress

WordPress 中嵌入互動式 n8n 工作流程

WPn8n 插件介紹 學了一陣子n8n之後,想要記錄最後的小成果時發現 WordPress 沒有辦法直接顯示 n8n 工作流,所以硬是把n8n-demo-webcomponent 整合成 WordPress Plugin。現在,透過 WPn8n 插件,這一切都變得簡單了! WPn8n 解決了這些問題,讓你可以直接在 WordPress 內容中嵌入完整互動式的工作流程演示。 實際範例 以下是一個簡單的工作流程範例,展示如何從 Webhook 接收資料並進行處理: Plugin...
網頁設計元件名稱對照表 (Web UI Components Reference)

網頁設計元件名稱對照表 (Web UI Components Reference)

開發 CAMC 與 AI 溝通時卻發現,我想呈現某個效果,會花很多時間形容,當效果呈現之後,AI會告訴你其實這是 Breadcrumb 的設計,過程中的溝通的確不理想,所以整理一些網頁設計上就有的名詞,名詞正確之後就會有概定的設計模式,在網頁開發與設計溝通中更順手! 1. 導覽與結構 (Navigation & Layout) 英文名稱 (English) 中文名稱 (Chinese) 說明 (Description) Breadcrumb 麵包屑 / 路徑導覽 顯示使用者目前在網站層級中的位置 (如:首頁 > 分類 >...

利用 iperf 測試網路效能

測試網路速度是否為理想狀況時,一般利網路芳鄰、FTP傳軟來達成測試的目地,但如果需要重覆測試時,這樣的測法可能比較沒有效率了,所以iperf這樣的工具對於測試網路傳輸的速度來說就較方便。iPerf3已釋出,此篇文章前半段維持iPerf2內容,增加後半段補充iPerf3的測試紀錄,iPerf2/3這兩個版本並不相容,但都能測試出網路效能,依照你的軟體環境及測試環境選擇版本,客戶端與伺服端的版本必需要相同。 下載安裝 官網中有各種版本提供使用,選擇好你要使用的環境下載並解壓就能使用。...