易混淆對照
網頁版跟 API 差在哪？吃到飽跟論件計酬
網頁版跟 API 差在哪？吃到飽跟論件計酬
很多人付了 ChatGPT Plus 或 Claude Pro 的月租費，卻不解為什麼串接自己的網站還要另外付費。
答案是網頁版跟 API 是兩套完全獨立的服務，弄懂差別，帳單就不會再讓你意外。
你將學到什麼
定義
Web UI 給人使用，固定月租；API 給程式呼叫，按量計費。
白話比喻
網頁版是餐廳吃到飽，API 是外送論件計酬送到你家。
跟誰容易搞混
串接自己的網站或 LINE Bot，需要的是 API 而不是網頁版。
Web UI 是什麼
Web UI 是官方提供的網頁或 App 介面，付固定月租費之後，就能在裡面跟 AI 聊天，不需要寫程式，開箱即用，資料與對話紀錄由官方管理。
API 是什麼
API 是應用程式介面，透過申請 API Key 存取，讓你的程式或自動化流程能直接呼叫 AI 模型，依實際使用的 Token 數量計費，跟月租完全是兩套帳。
Web UI 跟 API 差在哪？
| 項目 | Web UI 網頁版 | API 應用程式介面 |
|---|---|---|
| 使用對象 | 人類 | 程式、系統 |
| 付費方式 | 固定月租 | 用量計費，按 Token 數量 |
| 可整合性 | 低，只能在官方介面使用 | 高，可整合到任何系統或服務 |
| 適合用途 | 聊天、日常問答 | 自動化、產品串接 |
使用場景
Web UI 適合一般聊天與寫作，體驗好、有對話紀錄；API 則是自建網站、LINE 機器人與 n8n / Make / Latenode 自動化工作流平台 串接 AI 的核心管道。
延伸學習
知識變現切割地圖（高清版下載及陪跑型教材）
《知識變現切割地圖》的完整陪跑版：地圖高清檔，加上五章 27 萬字的網頁版講義與200 張練習卡。從語感引流設計、互動與轉化、內容分層與產品路徑，到角色鏡像與心理設計、內容資源切割再利用，一層一層把「會做內容」變成「能賣內容」。每一節後面都接著可以直接動手填的練習卡。
NT$ 19,800
HE101｜Harness Engineering Foundation（3 小時）
三小時的地圖課，不是操作課。把 Model 與 AI System 分開，拆解一套 AI Harness 的八個組成（Goal、Context、Knowledge、Rules、Tools、Workflow、Evaluation、Iteration），再帶你逆向拆解四個你已經在用的系統，最後畫出自己的第一張 Harness Blueprint。5 章 27 課，附學員講義 PDF 與術語速查表。
NT$ 2,599