互動式網頁表單：生成多組隨機字串 - n8n 工作流程

需要唯一臨時代幣或密碼的開發人員。
需要高強度亂數金鑰的安全專業人員。
尋求簡單、可自架工具，且不想依賴外部服務的團隊。
尋找如何結合 n8n 觸發表單與資料處理的實用範例的使用者。

在開發和資安作業中，生成安全的隨機資料是一項普遍需求。這個特定的 n8n 工作流透過提供一個由 n8n 觸發器節點驅動的簡易網頁表單介面來滿足此需求。使用者只需輸入想要的字串長度和需要的數量。n8n 後端會處理複雜的邏輯：複製請求、使用 n8n Crypto 節點安全地生成 Base64 編碼的字串、將結果格式化為易於閱讀的 HTML 列表，並即時顯示最終結果。這是一個非常實用的 n8n 範本，用以展示核心的流程控制能力。

這個自動化流程始於 randgeneratorform n8n 觸發器，它會呈現一個公開的網頁表單，要求輸入兩個數值：『長度 (length)』和『數量 (copies)』。

1. 請求複製： 資料流向 duplicates n8n 節點（一個設定為複製模式的 Set 節點）。這個關鍵步驟會生成所需數量的項目（N-1 個額外的項目，其中 N 是輸入的『數量』），以確保後續的生成步驟能正確執行所需的次數。


2. 字串生成： Generate a random string n8n 節點（使用 Crypto 操作）會針對前一步驟建立的每個項目執行一次。它會動態使用初始 n8n 觸發表單中的『長度』輸入，來決定生成字串的大小（Base64 編碼）。


3. 項目格式化： format an item n8n 節點會將每個單獨的隨機字串包裝成一個 HTML 列表項目 (
4. ...
)。

5. 彙整： concatenate items n8n 節點（一個 Summarize 節點）會收集所有單獨的列表項目，並將它們合併成一個單一的字串 (concatenated_data)，即完整的無序列表。


6. HTML 呈現： format into html n8n 節點將這些原始資料嵌入到一個完整的、帶有樣式的 HTML 文件中，並動態加入從原始 n8n 觸發器輸入抓取的標頭資訊。


7. 最後輸出： Display results n8n 節點（設定為表單的完成步驟）將最終的 HTML 頁面渲染回給使用者，展示所有生成的隨機字串。這確保了在該 n8n 工作流中擁有流暢、互動的使用者體驗。

若要部署這個實用的 n8n 工作流範本，請依照以下步驟操作：

1. 匯入： 複製提供的 JSON 代碼，並透過 n8n 實例的「新增」選單 >「從 JSON 匯入」直接貼上。


2. 啟用觸發器： 找到起始的 n8n 觸發器節點，即 randgeneratorform。


3. 測試端點： 儲存並啟用 n8n 工作流。啟用後，點擊表單觸發器節點提供的 Webhook 網址，在瀏覽器中開啟即時網頁表單。由於此 n8n 範本不需要外部憑證，因此可以馬上運行。


4. 使用方式： 輸入您想要的長度和數量，然後提交表單。最終結果將立即顯示在 Webhook 的完成頁面上。

randgeneratorform (Form Trigger)： 這是整個流程的起點 n8n 觸發器。它透過公開的網頁表單介面捕獲使用者對 length（長度）和 copies（數量）的輸入。
duplicates (Set Node)： 對於控制疊代次數至關重要。它會將初始項目複製 N-1 次（其中 N 是使用者定義的數量），確保後續的 n8n 生成節點恰好執行 N 次。
Generate a random string (Crypto Node)： 核心的生成元件。使用 generate 操作來建立安全的隨機 Base64 字串。長度參數是透過表達式動態設定，該表達式會從 n8n 觸發表單抓取資料。
concatenate items (Summarize Node)： 將個別格式化的字串彙總成單一、連貫的資料包 (concatenated_data)。在渲染完整的 HTML 頁面前，這個彙整步驟是必需的。
format into html (HTML Node)： 將原始資料組裝成一個完整的、帶有樣式的 HTML 頁面，動態顯示輸入的參數和生成的字串列表。這為使用者準備了最終的視覺輸出。
Display results (Form Node)： 作為 n8n 工作流的最後一個步驟。它會接收前一步驟生成的 HTML，並將其作為回應顯示給提交初始 n8n 觸發表單的使用者。