跳至主要內容
HK Learn AI
AI 開發工具

n8n、Claude Code、Google AI Studio 怎樣選?自動化、開發與部署決策指南

三者不是同一類工具:n8n 擅長把既有服務編排成可觀察工作流,Claude Code 是可讀寫程式庫及執行指令的 agentic coding tool,Google AI Studio Build 則已由快速原型進化成支援 Node.js、Secrets、Firebase、GitHub 與 Cloud Run 的全端建構環境。本文按 2026 年 7 月官方資料校正影片中的過時定位,提供決策矩陣、五個實際場景、組合架構、提示詞、費用快照和上線 QA,並附 6 張去識別教學畫面/資訊圖與 1 段人工審核動態預覽。

HK Learn AI 編輯部標誌

HK Learn AI 編輯部

編輯部

發佈於 2026年7月19日

最後審閱:2026年9月15日

分享這篇文章
本頁內容
n8n、Claude Code 與 Google AI Studio 按工作流、程式庫和 App 交付分工的工具選型圖

難度

中階

所需時間

30–60 分鐘完成選型;1–3 天完成可驗收原型

你需要準備

n8n Cloud 或自託管 n8n(按場景選用) · Claude Code 的終端、IDE、桌面或網頁介面(按方案和環境選用) · Google AI Studio Build · Git 與獨立程式碼儲存庫 · 測試帳戶、沙盒 API、去識別資料和成本監察

開始之前

  • 先寫清楚要交付的是跨服務自動化、可操作應用程式、還是可長期維護的程式庫;不要先由工具名稱開始選
  • 列出資料來源、外部服務、觸發方式、使用者、登入、資料庫、API、副作用和人工批准要求
  • 準備去識別測試資料與最小權限憑證;不要把正式客戶資料、密碼或 production key 貼入提示詞
  • 同意把 AI 產生的 workflow 和程式碼當作未審核草稿,必須經測試、差異檢查、安全掃描和人工驗收

n8n、Claude Code 和 Google AI Studio Build 都會出現在「AI 開發」討論中,但三者解決的主要問題不同。把它們放在同一條直線比較,很容易問錯問題:不是哪一個可以取代其餘兩個,而是哪一個應該擁有流程、程式庫、介面、資料和部署責任。

本文先用一張決策矩陣把三者定位,再用五個真實場景拆解何時單用、何時組合。教學畫面、預覽與編輯部資訊圖均逐項人工覆核:不含講者、人像、帳戶、作者、頻道、字幕、社交平台標記或宣傳資訊;亦已排除載入、模糊和重複畫面。

2026 年 7 月重要校正:錄製示範中的兩個分類已過時。第一,Claude Code 不是 IDE,而是可在終端、IDE、桌面和網頁等介面工作的 agentic coding tool。第二,Google AI Studio Build 已支援全端 web app、Node.js server runtime、Secrets、npm、Firebase/外部資料庫、GitHub 與 Cloud Run,不能再說成只做前端 prototype 或沒有 server 連接能力。

一、60 秒答案:先看你要交付甚麼

你的主要交付首選原因常見搭配
把 Gmail、Sheets、CRM、WhatsApp、資料庫等現成服務串成流程n8n觸發、節點、分支、執行記錄、重試和憑證編排調用由程式庫提供的自訂 API
直接在現有 repository 開發功能、修 bug、跑測試和處理 GitClaude Code理解多檔案程式庫、編輯、命令和開發工具鏈把完成的 API 暴露給 n8n
由自然語言快速做出可操作 Gemini AppGoogle AI Studio Build即時預覽、全端 runtime、AI Chips、Firebase/Workspace 整合和快捷部署推到 GitHub,再做獨立審查和 CI
WhatsApp AI 客服+知識庫+後台組合通訊編排、AI/資料服務和管理 UI 是不同責任AI Studio 或程式庫建 App/API;n8n 處理事件

簡化判斷:主要動詞是「收到、轉換、路由、通知、排程」時偏向 n8n;主要動詞是「設計、實作、測試、重構、維護程式庫」時偏向 Claude Code;主要動詞是「把概念迅速變成可試用 App」時偏向 AI Studio Build。

延伸閱讀:本文回答的是「n8n、Claude Code、Google AI Studio 應怎樣分工」。如果你的下一個問題是「2026 年是否仍值得學 n8n」,以及想看一條由收件、分類到人工覆核的完整 Inbox Triage 工作流,請讀2026 n8n 自動化用途與學習決策指南;兩篇的選型層級和實作層級並不重複。

二、不要按畫面相似度分類:三者的執行邊界不同

維度n8nClaude CodeGoogle AI Studio Build
核心抽象Workflow、node、executionRepository、file、command、Git diffPrompt、app、preview、server runtime
最強輸入事件、webhook、排程、API payload程式碼、issue、log、測試失敗產品需求、UI 指示、Gemini 功能
主要輸出持續運行的跨服務流程可審查的程式碼變更可互動的全端 web/Android app
控制粒度節點、欄位、分支、重試檔案、函式、命令、測試、commitApp 行為、介面、server code、整合
部署責任n8n Cloud 或自託管 instance本身不等於 hosting;沿用你的部署鏈可由 Build 直接到 Cloud Run,或匯出/GitHub
主要風險憑證、重複副作用、錯誤恢復、execution 成本錯誤修改、危險指令、供應鏈、未測試程式生成程式缺陷、共用成本、權限、Cloud 配置

「都可以用自然語言」只描述操作方式,不代表底層責任相同。真正的比較單位應是:誰接收事件、誰持有狀態、誰執行副作用、誰維護 source code、誰提供 runtime,以及錯誤時由哪一層恢復。

三、n8n:把既有服務編排成可觀察流程

n8n 官方把產品描述為 fair-code workflow automation tool:可連接有 API 的應用、轉換資料、加入程式或 AI 節點,並以 Cloud、npm、Docker 等方式運行。它最適合「已有多個服務,現在要按事件把它們穩定串起來」的問題。

工作流:客戶表單跟進
Trigger:收到已驗證的表單 webhook
步驟:
1. 驗證 request_id、email、consent 和 payload 大小
2. 以 request_id 去重
3. 寫入指定 Google Sheet 欄位
4. 發內部 Telegram 通知
5. 只在 consent=true 時建立確認電郵草稿
失敗:429 指數退避;驗證失敗不重試;其餘進人工 queue
成功:保存 sheet row ID、message ID 和 execution ID
禁止:不得自動建立不存在的客戶資料或把完整 payload 寫入 log
n8n 畫布顯示 webhook、試算表、訊息與電郵節點的完整工作流骨架
圖一:AI 產生 webhook、試算表、訊息和電郵節點骨架;警告圖示提醒你仍要設定憑證、欄位映射和錯誤路徑。這張穩定完成畫面已去除人物、帳戶、字幕和宣傳內容。

n8n 擅長甚麼

  • 接收 webhook、排程、表單或 SaaS 事件。
  • 在服務之間映射、過濾、合併和轉換資料。
  • 把 deterministic 規則、模型判斷、人工批准和副作用放入同一 execution。
  • 按節點查看輸入輸出、錯誤和重試,建立營運可見度。
  • 以 HTTP、GraphQL、MCP 或自訂節點連接沒有現成 connector 的服務。

n8n 不會自動替你解決甚麼

  • 外部服務沒有合適 API、webhook 或授權時,n8n 不能憑空產生可靠接口。
  • 把幾個節點連起來不代表有冪等、資料一致性、補償、權限和事故處理。
  • Code node 能寫程式,不代表 n8n 是完整 web framework 或適合承擔所有 domain logic。
  • 自託管帶來控制,也把 TLS、database、備份、升級、監察和 on-call 責任交回團隊。
動態預覽:把服務視作獨立模組,n8n 管理其間的資料流;中途可加入清理、轉換和模型判斷,但每一段都需要可測 contract。

想深入建立帶 guardrails、人工批准和 evals 的 Agent Workflow,可延伸閱讀AI Agent 與可靠工作流設計;需要一個完整節點實例,可看n8n Structured Output 與 Switch 語意路由。

四、Google AI Studio Build:由快速 App 到全端 runtime

Google 現行官方文件說明,AI Studio Build 可建立全端 web app 和原生 Android app。web 預設可有 React client 和 Node.js server runtime;server 可安全調用 API、使用 npm、讀取 Secrets、連接外部資料庫,也可由 Agent 配置 Firebase Firestore、Google 登入和 Workspace API。這已超過早期「只做前端示範」的定位。

Google AI Studio Build 生成可選主題與難度的 Gemini Trivia 問答 App 首頁
第一版已把主題、難度和開始按鈕變成可操作畫面;回到提示詞時仍要補上使用者、狀態、資料、失敗和驗收要求。
建立一個繁體中文問答 App,目標是驗證 Gemini 動態出題是否可行。

使用者流程:
- 選擇主題和難度 → 取得 5 題 → 逐題回答 → 顯示解釋和總分
- 重新開始必須清除舊狀態

架構:
- React client;Gemini 呼叫只可在 server-side
- GEMINI_API_KEY 從 Secrets 讀取,前端 bundle 不可包含 key
- 以 JSON Schema 驗證題目、選項、正確答案和解釋
- 429、timeout、無效 JSON 要有 retry 上限和使用者訊息

驗收:
- 鍵盤可操作、手機版不橫向溢出、loading/empty/error 狀態齊全
- 加入單元測試、整合測試和 README;不要自動部署
Google AI Studio 的 Gemini Trivia 預覽顯示第二題、倒數狀態與分數
由首頁進入實際題目後,才可檢查題目 schema、倒數狀態、錯誤恢復、無障礙、手機版和 API 成本。

何時直接留在 AI Studio

  • 要快速試驗 Gemini、Live API、圖像、語音或 Workspace 整合。
  • 產品範圍清楚,Build 內的程式、Secrets、Firebase 和 Cloud Run 已滿足要求。
  • 團隊接受 Google runtime 和部署方式,並已建立監察、測試和成本上限。

何時推到 GitHub 再整理

  • 要合併既有 monorepo、設計系統、CI/CD、測試框架或雲端基建。
  • 要做逐檔 code review、dependency policy、security scanning 和可重現 build。
  • 要使用另一個 hosting、database、identity provider 或自訂網絡。
  • 多人長期維護,而且需要 branch protection、release、rollback 和 ownership。

AI Studio 可把程式下載成 ZIP 或推到 GitHub,也可直接部署 Cloud Run。Google Cloud Starter Tier 目前讓合資格帳戶最多發布兩個全端服務而毋須先建立完整計費環境;標準部署需要 Cloud project 和 billing。資格、配額、region、API 與 Cloud Run 費用會變,不能把「一鍵發布」理解成永久免費。

需要逐步介面操作和發布檢查,可配合Google AI Studio Build 生成網站與反覆改版教學。

五、Claude Code:是 coding agent,不是 IDE 名稱

Anthropic 的官方定義是:Claude Code 會讀取 codebase、編輯檔案、運行指令,並整合開發工具。它可在 terminal、VS Code/其他支援 IDE、desktop、web 等介面使用。把它和 VS Code、Xcode 並列為同一種 IDE,會混淆「代理」和「編輯/建構環境」。

Claude Code 由唯讀分析、計劃批准到小步修改與測試覆核的受控工作流程
大型需求不要一次叫代理『做完整系統』。先要求唯讀分析、風險清單和實作計劃,再逐個 vertical slice 修改並以 lint、typecheck、測試和 Git diff 驗證。
先不要改檔案。請讀取 repository、AGENTS/CLAUDE 指示、package scripts 和現有測試,然後回答:
1. 目前前端、server、database、auth 和 deployment 邊界
2. 要加入「每月帳單分析」功能會改哪些檔案
3. API contract、migration、權限、失敗模式和回復方案
4. 最小 vertical slice 與測試計劃

我批准計劃後才實作。每一輪:
- 只處理一個可驗收 slice
- 先寫或更新測試,再改 code
- 運行 lint、typecheck、unit/integration tests
- 列出實際 diff、未解風險和人工驗收步驟
- 不讀取 .env,不部署,不推送,不改 production 資料

Claude Code 擅長甚麼

  • 跨多個檔案理解現有架構,追查 bug 和實作 feature。
  • 運行 test、lint、build、migration dry-run 和 Git 操作。
  • 以專案指示、skills、hooks、MCP 和 permissions 固化工作方式。
  • 在你已有的框架、database、CI 和 hosting 選擇上工作,而非綁定單一 runtime。

使用邊界

  • 它能運行你可運行的命令;權限過大會把模型錯誤變成實際副作用。
  • read-only、file edit、shell、deploy 和 production access 應分開批准。
  • 自動生成測試不代表測試正確;重要行為仍要由人定義 oracle 和邊界案例。
  • Claude Code 不會替你提供應用 hosting、database SLA 或 workflow runtime,這些仍屬你的系統。

安全預設:先用 Plan/唯讀方式了解 repository;限制可寫目錄和命令;不要為方便在日常主機啟用跳過所有權限。Anthropic 官方亦只建議在隔離 container 或 VM 等環境使用完全繞過批准的模式。

六、12 維決策矩陣:用需求打分,不用品牌投票

問題偏向 n8n偏向 Claude Code偏向 AI Studio
主要輸入事件/payloadcode/issue/log產品需求/App prompt
外部服務數量多,而且已有 API可自訂任何 clientGoogle/Firebase 或易連 API
UI 複雜度低或另有前端高且需完整控制要快速生成和視覺迭代
Domain logic流程式、節點式複雜、版本化、需廣泛測試中等,可由全端 App 承擔
長任務/排程核心能力要自行用 queue/scheduler要由 Cloud/runtime 設計
人工批准可置於 workflow 邊界要在 App/service 實作要在 App/service 實作
Repository 控制workflow JSON 為主最細緻可看 code、GitHub/ZIP 匯出
部署Cloud 或自託管 n8n沿用團隊任何部署鏈Cloud Run 快捷路徑
資料地域/網絡自託管選項較彈性取決於你的架構取決於 Google 服務和配置
可觀察性execution 級很直觀要接 logs、traces、APM要接 Cloud/App 監察
學習曲線流程和 API 基礎Git、shell、程式和系統設計產品規格、web/Android、Cloud 基礎
最容易誤用把大型 App 塞成一條 workflow無審查地讓代理大改/部署把可運行 preview 當成已達 production

實際評分時,先把「必須自託管」「指定資料地域」「必須使用現有 monorepo」等列成 pass/fail gate;其餘項目按 1–5 權重評分。硬性要求不能由漂亮 UI 或大量 connector 的高分抵銷。

七、五個場景:舊式二分法在甚麼地方失準

場景 1:收到客戶電郵後分類並轉發

先選 n8n。電郵 trigger、schema 驗證、模型分類、Switch、人工 queue、草稿和 execution log 都是 workflow 問題。模型只負責語意分類,不應自行決定收件人或直接發出高風險回覆。

場景 2:腦中有 App 概念,要在會議前做 Demo

先選 AI Studio Build。用結構化 prompt 快速生成可操作 App,驗證使用流程和 Gemini 能力。Demo 成功後再決定是否留在 AI Studio、推到 GitHub,或重用設計而重新架構。

場景 3:長期客戶管理系統,要登入、資料庫和 API

不再能簡單回答「一定要離開 AI Studio」。現行 Build 已可提供 server runtime、Firebase/外部 database、Secrets 和 Cloud Run。若產品需要既有 monorepo、複雜 RBAC、審計、特定 database、廣泛 CI 或多環境治理,Claude Code 配合成熟 framework 會較有控制;若 AI Studio 的全端能力已滿足範圍,也可在原平台繼續,但同樣要做 production QA。

場景 4:WhatsApp AI 客服、專屬知識庫和管理後台

WhatsApp 整合、AI 客服服務與專屬知識庫之間的雙向架構
把通訊渠道、AI/檢索後端和知識庫拆開。n8n 可編排訊息;App/API 層負責身份、權限、檢索、對話狀態和後台。

通常採組合架構。AI Studio 或一般程式庫負責 API、auth、RAG、database 和管理 UI;n8n 負責 provider webhook、排隊、重試、通知和人工轉接。也可以完全以程式服務直接接 WhatsApp provider;是否需要 n8n 取決於流程可見度、整合數量和營運能力。

場景 5:AI Studio prototype 已獲批准,要變成產品

先做一次 production gap analysis,而不是立即重寫:列出 auth、資料、API、測試、無障礙、監察、成本、備份、rate limit、合規和 rollback。差距小便在 AI Studio 補齊並部署;差距主要來自 repository 和平台治理,便推到 GitHub,由 Claude Code 或開發團隊整理;跨 SaaS 業務流程再交給 n8n。

八、三種可靠組合架構

組合 A:AI Studio → GitHub → Claude Code

Google AI Studio Build 顯示完整 React App 檔案樹與 App.tsx 程式碼面板
畫面只保留完整 file tree 和 code editor:AI Studio 生成的是可檢視程式碼,不是黑盒。推送前要確認 secret 沒有進入 client、依賴可重現、程式可 build。
  1. 在 AI Studio 用真實使用流程驗證 App。
  2. 移除假資料、過時模型名稱和不需要依賴;把 Secrets 留在 server-side。
  3. 推到新的 GitHub branch,不要直接覆蓋 production。
  4. 由 Claude Code 先做唯讀 audit:架構、依賴、安全、測試和 deployment gap。
  5. 逐個 vertical slice 重構,CI 全綠後才合併。

組合 B:Claude Code 建 API → n8n 編排

  1. 在程式庫建立 versioned endpoint、auth、schema 和 idempotency。
  2. 提供 OpenAPI/JSON Schema、sandbox URL、錯誤碼和 rate limit。
  3. n8n 只傳最小必要資料;429/5xx 用有上限的退避重試。
  4. 所有寫入帶 request ID;人工批准綁定實際 payload。
  5. 以 end-to-end trace 串聯 API request ID 和 n8n execution ID。

組合 C:AI Studio App → 自訂 API/database → n8n

AI Studio server runtime 可安全保存第三方 key 並連接網絡可達的 database/API。n8n 可用 webhook 或 API 接受事件。不論由哪一端發起,都要指定唯一的 state owner;不要讓 App 和 workflow 同時「最後寫入」同一欄位而沒有版本控制。

Integration contract
Endpoint:POST /v1/support-events
Auth:短期 service token;每個環境獨立
Request:event_id、tenant_id、type、occurred_at、payload_version、payload
Idempotency:event_id 唯一;重播返回原結果
Response:202 + job_id;驗證失敗 4xx;暫時故障 429/5xx
Timeout:10 秒;最多 3 次退避重試
PII:只傳處理所需欄位;log 遮蔽內容
Ownership:API 寫業務狀態;n8n 只保存 orchestration state

九、第一星期學習路線:每一天都要有可驗收輸出

  1. 第 1 日—HTTP 和資料:理解 JSON、webhook、status code、API key、OAuth、database 與 client/server 邊界。
  2. 第 2 日—n8n:做一條 webhook → validate → transform → response 流程;加入一個失敗案例。
  3. 第 3 日—AI Studio:用規格建立小 App;檢查 Code、Secrets、error state 和手機版。
  4. 第 4 日—Git/Claude Code:在測試 repository 用 Plan 模式讀取架構,再實作一個有測試的小改動。
  5. 第 5 日—API contract:讓 n8n 調用一個 mock endpoint,測 timeout、429、重播和 schema 錯誤。
  6. 第 6 日—安全:輪換 sandbox key、收窄 scope、遮蔽 log,加入人工批准和成本上限。
  7. 第 7 日—選型報告:比較完成時間、成功率、人工改寫、p95 延遲、單次成本和營運責任,再決定下一步。

若首個目標是自託管,可先閱讀Windows Docker 安裝、更新和備份 n8n;不要把「成功打開 localhost」當成已完成 production hosting。

十、費用與用量:用 2026-07-20 快照,不寫成永久價格

工具官方快照容易漏算
n8n CloudStarter €20/月(按年付)含 2,500 executions;Pro €50/月(按年付)含 10,000 executions。價格以整條 workflow execution 計,不以每個 step 計。高頻 webhook、重試、並行、保存歷史、第三方 API 和模型費
n8n self-hostCommunity edition 可自行託管;Business/Enterprise 另有授權和功能。主機、database、備份、升級、queue、監察、保安和人力
Claude CodeClaude Pro 為 US$17/月(年付 US$200)或 US$20 月付,包含 Claude Code;Max 由 US$100/月起。亦可按 API/usage credits 收費。web/desktop/mobile/Code 共用方案用量;大型 repo、模型、並行 agent 和重試
Google AI Studio/Gemini APIAI Studio 可在免費層使用;連結 paid key 後相應用量會收費。合資格 Starter Tier 目前可發布最多兩個全端服務。Gemini token/媒體、Cloud Run、database、Workspace/第三方 API、流量和儲存

價格未含稅,地區、匯率、方案、資格、模型和限額可改。採購前要開啟官方定價頁和帳戶 Usage/Billing 畫面;不要以文章快照代替報價。

統一計算方式

每個成功任務總成本 =
平台/execution
+ 模型 input、output、cache、媒體
+ 第三方 API、database、storage、egress
+ hosting、logs、monitoring、backup
+ 人工批准、改寫、事故和維護

最少量度:成功率、p50/p95 延遲、p50/p95 成本、重試率、人工改寫率。

十一、安全與可靠性:三張不同清單

n8n 上線前

  • 所有 webhook 有認證、payload 上限、schema 和 replay 防護。
  • credential 以最小 scope 保存,不寫入節點文字或 execution log。
  • 副作用有 idempotency key;error workflow、重試上限和人工 queue 已測。
  • production/staging 分開;workflow 版本可匯出、審查和回復。
  • 自託管有 TLS、database 備份、encryption key 備份、更新和復原演習。

Claude Code 上線前

  • 先讀 project instructions;未知 repository 用 Restricted/Plan/唯讀方式。
  • 限制 Bash、MCP、網絡和可寫路徑;不准讀 secrets 或操作 production。
  • 每個改動有 diff、測試、lint、typecheck、build 和人工 code review。
  • dependency、migration、auth、資料刪除和 rollback 另行審查。
  • commit、push、PR、deploy 和發外部訊息是不同批准。

AI Studio 上線前

  • Gemini 和第三方 key 只放 server-side Secrets;檢查 client bundle 和 Git history。
  • 驗證 Firebase/database rules、Google OAuth scopes、tenant boundary 和刪除流程。
  • 所有模型輸出有 schema、錯誤狀態、rate limit、cost cap 和 abuse control。
  • 對共用 App 做權限測試;使用者可能看到 code 或 fork 的分享設定要核對。
  • Cloud Run 的 region、billing、concurrency、logs、monitoring、backup 和 rollback 已安排。

十二、常見錯誤與修正

錯誤為何失敗修正
「哪個最勁就只學哪個」三者的工作單位和 runtime 不同先選一個小專案,再學交界所需基礎
把 Claude Code 當 IDE忽略它可跨介面使用,也忽略真正 IDE/工具鏈責任把它視為 coding agent;另列 editor、build、test、deploy
把 AI Studio 當純前端 prototype忽略 2026 全端、Secrets、Firebase 和 Cloud Run 更新按現行能力做 gap analysis,不沿用舊限制
要求 n8n 建整個 SaaSworkflow 會承擔過多 UI、domain 和資料責任把穩定 domain API 抽到 App/service,n8n 編排事件
AI 一次大改到完成錯誤難定位,測試和 rollback 不可靠按 vertical slice 小步修改,每輪有可觀察驗收
先接 production key錯誤和 prompt injection 立即產生實際損失用 sandbox、最小 scope、金額/配額上限和人工批准
只計月費模型、Cloud、API、營運和人力往往更高以每個成功任務量度完整單位成本

十三、最後建議:由主要風險決定第一件工具

  • 最大風險是跨服務流程經常漏步或靠人複製:先用 n8n,保留明確驗證、重試和人工批准。
  • 最大風險是不知道 App 概念是否可行:先用 AI Studio Build 做可操作原型,並按現行全端能力評估能否直接演進。
  • 最大風險是現有程式庫難改、測試差或需要自訂架構:先用 Claude Code 做唯讀分析和一個小 vertical slice。
  • 三種風險同時存在:不要找「全能工具」;先畫責任圖,以 API contract、state owner 和 trace ID 把三層接起來。

真正的能力不是熟記某個按鈕,而是能把需求分解成 UI、domain、data、integration、runtime 和 operations,再為每一層選擇可驗證工具。當 AI Studio、Claude Code 或 n8n 下一次更新時,這套判斷仍然有效:重新核對官方能力和價格,用同一個 prototype 測試,再按證據調整架構。

資料來源與引用

我們附上第一手及官方來源,方便你逐一核實。

  1. 1.n8n Documentation — n8n
  2. 2.n8n Plans and Pricing — n8n
  3. 3.Hosting n8n — n8n
  4. 4.Community edition features — n8n
  5. 5.Error handling — n8n
  6. 6.Sustainable Use License — n8n
  7. 7.Claude Code overview — Anthropic
  8. 8.How Claude Code works — Anthropic
  9. 9.Configure permissions — Anthropic
  10. 10.Manage costs effectively — Anthropic
  11. 11.Plans and Pricing — Anthropic
  12. 12.Build apps in Google AI Studio — Google AI for Developers
  13. 13.Develop Full-Stack Apps in Google AI Studio — Google AI for Developers
  14. 14.Deploying from Google AI Studio — Google AI for Developers
  15. 15.Gemini API billing — Google AI for Developers
  16. 16.Gemini API rate limits — Google AI for Developers
  17. 17.Using Gemini API keys — Google AI for Developers

常見問題

沒有程式背景,應先學 n8n、Claude Code 還是 Google AI Studio?

若你最常做的是把表單、試算表、電郵、CRM 和訊息服務連起來,可先學 n8n;若想在短時間把 App 概念變成可操作畫面,可先學 Google AI Studio Build;若要長期維護自訂系統,應同時補 Git、HTTP、資料庫、測試和基本程式架構,再使用 Claude Code。選第一件工具應跟第一個可驗收專案,而不是跟熱度。

Claude Code 是 IDE 嗎?

不是。Anthropic 把 Claude Code 定義為 agentic coding tool。它可在終端、VS Code/其他支援 IDE、桌面、網頁等介面使用,讀取程式庫、修改檔案、運行指令及配合 Git;IDE 是它可工作的其中一種介面。

Google AI Studio Build 仍然只適合做原型嗎?

官方現行文件已把 Build 描述為支援全端 web app 和原生 Android app 的建構環境,web app 可有 React 前端、Node.js server runtime、npm、Secrets、資料庫連線、Firebase 和 Workspace 整合,亦可部署到 Cloud Run。不過『可以部署』不等於自動通過 production 要求;仍要獨立做測試、權限、成本、監察、備份、資料保留和事故處理。

n8n 能否直接建立網站或完整 SaaS?

n8n 可接收 webhook、處理表單、返回 HTML、調用 API、寫資料和執行程式節點,因此能承擔部分後端或內部工具流程;但 UI 路由、複雜資料模型、權限、測試、效能和產品維護通常更適合一般應用框架。不要用『能否勉強做到』代替架構判斷。

n8n 可否連接 Google AI Studio 建立的 App?

可以,但交界應是部署後的 HTTP API、webhook、queue 或共享資料服務,而不是依賴畫面操作。AI Studio 現時已有 server runtime 和外部資料庫/API 能力;你仍要明確定義認證、request schema、response schema、timeout、重試、冪等和錯誤碼,再讓 n8n 調用。

AI Studio 產生程式後,是否一定要搬到 Claude Code?

不一定。若 AI Studio 內的程式、測試、部署和營運已滿足要求,可繼續在原環境迭代;若要整合既有 monorepo、複雜 CI、廣泛測試、客製部署或更細緻的程式碼審查,推到 GitHub 後在 Claude Code 或其他開發環境整理會更合適。搬移是治理選擇,不是固定儀式。

自託管 n8n 是否完全免費?

Community edition 軟件可自行託管,但主機、資料庫、網絡、備份、升級、監察、密鑰、事故處理和人力都有成本。n8n 亦採 fair-code/Sustainable Use License,不是 OSI 意義的開源授權;轉售、白標或向客戶提供平台存取前要核對現行條款。

Claude Pro 的用量可否全部拿來跑 Claude Code?

Claude Code 包含於現行付費方案,但 web、desktop、mobile 和 Claude Code 共享方案用量池,並受滾動時窗和其他上限影響。也可改用 API/usage credits 按 token 收費;登入方式和環境變數可能決定實際計費來源,開始前要在狀態和用量頁確認。

三種工具可否同時使用?

可以,而且很多成熟方案會分工:AI Studio 快速驗證介面和 Gemini 功能;Claude Code 整理程式庫、測試、CI 和自訂 API;n8n 接收排程或外部事件、編排 SaaS、控制重試和人工批准。關鍵是清楚擁有權和 API contract,避免三邊同時修改同一業務狀態。

應否把 production API key 交給 AI 代理?

不應把密鑰寫在提示詞、前端程式或提交到 Git。AI Studio 應使用 server-side Secrets;Claude Code 應以環境變數、secret manager 和權限規則限制存取;n8n 應使用 credential store 和最小權限帳戶。測試先用 sandbox key,並設定金額、配額和告警。

本文遵循我們的 編輯準則.

相關方案及本店服務價

Claude Code 需要 Pro 或以上的付費方案(Free 版不包括);以下是相關方案的本店服務價。

HK$ 為本店以港幣計算的服務總價,並非 OpenAI/Anthropic 官方價格。

查看全部相關方案

平台條款可能限制帳戶存取、轉售及地區資格。HK Learn AI 與 OpenAI、Anthropic 並無從屬關係;購買前請核對最新官方規則。

HK Learn AI 編輯部標誌

關於作者

HK Learn AI 編輯部

HK Learn AI 編輯部負責研究、查證同編寫每一篇內容,並引用官方及第一手來源。