翻車墳場：用 AI 做網站最常踩的 5 個雷（與怎麼避）

Vibe coding 讓人很有成就感，但「能跑」不等於「能上線」。這篇誠實講最常見的 5 個翻車，幫你少踩。

雷 1：帳單暴衝

AI 工具按用量計費，一直「再改一次」很快燒掉額度；接了 AI API 的作品若沒設限制，被大量呼叫帳單會嚇死人。

• 怎麼避：設用量上限／預算警示；對外的 AI 功能一定加頻率限制。

雷 2：金鑰寫死在前端

把 API 金鑰、金流 HashKey 直接放在網頁，被人從原始碼挖走盜用。

• 怎麼避：金鑰一律放後端／環境變數，絕不出現在前端。

雷 3：沒驗證金流回傳

串了綠界卻沒驗 CheckMacValue，被偽造「付款成功」白拿商品。

• 怎麼避：金流回傳一定要驗章；先用測試環境跑通再上正式。

雷 4：越改越爛

一直叫 AI 改，結果它把好的也改壞、前後不一致。

• 怎麼避：一次改一個重點、常存檔（git）；複雜了搬到 Cursor 這種有掌控力的工具。

雷 5：能跑卻不能上線

本機好好的，一上線就壞——通常是環境、資料庫、網域沒設好。

• 怎麼避：用 Zeabur 這種一條龍部署；環境變數、資料庫連線先確認。

重點心法

AI 負責「做出來」，你負責「把關安全與品質」。 小工具、MVP 很適合 vibe coding；碰到金流、個資、規模化時，多一分謹慎。

常見問題

Q：我不懂技術，怎麼把關？ 至少記住兩件事：金鑰放後端、金流要驗章。其餘交給 AI，出錯把錯誤訊息貼回去請它修。

Q：翻車了會不會很難救？ 小專案多半能救。把問題（含錯誤訊息）完整貼給 AI，多數能解。

---

先學會避雷，再放心做。從 0 到上線的完整教學 →。