learn / learn
用 AI 串接台灣金流（綠界 ECPay）：vibe coding 在地化教學
vibe coding 做的網站怎麼收台灣的錢？這篇講清楚串接綠界金流的觀念、步驟與要請 AI 做的事，國外教學不會教的在地關卡。
你用 AI 做了一個能賣東西或收費的網站——但國外工具的範例都串 Stripe，台灣使用者習慣的是綠界、藍新、信用卡與超商付款。這篇講台灣人最常卡的金流關卡。
為什麼不直接用 Stripe？
Stripe 在台灣對個人/小商家申請門檻較高，且台灣消費者更習慣本土付款方式（信用卡、ATM、超商代碼）。所以在台灣，綠界（ECPay） 是最常見的選擇。
串接前你要有的東西
- 一個綠界商店帳號（先用測試環境，不用真的開公司也能試）。
- 綠界提供的 MerchantID、HashKey、HashIV（測試用的可直接拿）。
- 你的網站要有一個「結帳」按鈕和一個「付款完成」頁。
怎麼請 AI 幫你做
把需求講清楚，例如貼這段給你的工具（Cursor / Bolt / Lovable）：
幫我把綠界（ECPay）金流串到結帳流程：使用者選方案後，產生綠界付款參數並導向綠界付款頁；付款完成後綠界會回傳結果到我的 callback 網址，請更新訂單狀態並導回成功頁。先用測試環境的 MerchantID/HashKey/HashIV，並說明每一步需要我做什麼設定。
（這條也收錄在 Prompt 範本庫 的「在地化加分」分類。）
三個一定要注意的重點
- 金鑰不要寫死在前端：HashKey / HashIV 要放在後端或環境變數，不能讓使用者在網頁原始碼看到。
- 一定要驗證回傳：綠界付款完成會「回傳」結果，要用 CheckMacValue 驗證真偽，否則會被偽造訂單。
- 先測試環境、再正式：用測試金鑰跑通整個流程，再換成正式金鑰。
上線部署
串好後用台灣團隊的 Zeabur 部署，把金鑰設成環境變數，綠界 callback 網址填你的正式網址即可。
延伸：通知與發票
- 通知：付款成功用 LINE 推播給買家與你自己，很貼台灣習慣。
- 發票：需要開發票可再串電子發票 API（綠界本身也有提供）。
常見問題
Q：我不會後端，AI 真的能串起來嗎？ 小規模可以。重點是「金鑰放後端、驗證回傳」這兩個安全觀念你要懂，其餘讓 AI 寫。
Q：測試階段需要花錢嗎？ 不用，綠界有測試環境與測試金鑰，整個流程都能先免費跑通。
Q：藍新、TapPay 也一樣嗎？ 觀念一樣（導向付款 → 驗證回傳 → 更新訂單），只是參數不同，把上面的 prompt 換成對應金流即可。
把金流串起來、開始收錢後，別忘了 把你的作品投稿上來 →，讓更多台灣人看到。