想要把 GitHub 的開源專案部署上線,現在完全不需要自己動手。只要安裝 Claude Code 並設定好權限,給 AI 一句指令,它就會自動讀取說明檔,在你的瀏覽器中完成所有繁瑣的架設與部署設定。
重點摘要
- 使用 Claude Code 需訂閱付費方案(每月 20 美金)。
- 透過 Bypass 權限模式,讓 AI 全自動操作瀏覽器完成部署。
- 實測將 AI 客服系統自動部署至 Supabase 與 Netlify。
- 支援 Google Cloud 等雲端伺服器的自動架設與設定。
- 部署前需先在瀏覽器登入好相關服務帳號。
影片章節
- 00:00 為什麼你需要 AI 幫你部署系統?
- 00:38 遇到 GitHub 開源專案不會架設怎麼辦?
- 01:23 實戰範例:AI 客服系統 (Supabase + Netlify)
- 02:08 準備工作:安裝 Claude 電腦版與 Chrome 擴充 (需付費訂閱)
- 03:11 設定 Claude Code:開啟 ByPass 自動權限模式
- 04:04 實際操作:貼上連結與指令,讓 AI 開始工作
- 05:06 喝杯咖啡 ☕,看著 AI 在瀏覽器自動操作設定!
- 06:46 部署完成!自動獲取後台管理員資訊與網址
- 07:13 進階應用:讓 AI 幫你部署到 Google Cloud VM 或是買網址
為什麼要用 AI 幫你部署系統?
現在用 AI 寫程式或打造系統越來越方便,但對很多非工程背景的人來說,最大的技術門檻其實是「部署上線」。你在 GitHub 上看到心動的開源專案,就算作者提供了詳細的 Readme 步驟,常常也會因為服務介面改版而卡關。這篇要教你怎麼用 Claude Code,讓 AI 直接化身你的工程師,自動在瀏覽器幫你把系統部署到雲端,完全不用自己動手。
準備工作與工具安裝
要讓 AI 自動幫你部署,我們需要用到付費版的 Claude Code。請先完成以下準備:
- 下載並安裝 Claude 電腦版(支援 Mac 與 Windows)。注意,使用 Claude Code 功能需要付費訂閱(每月 20 美金)。
- 在 Chrome 瀏覽器安裝 Claude 的擴充功能。
- 在瀏覽器中,先登入好你預計會用到的雲端服務帳號(例如 Supabase、Netlify 或 Google Cloud)。
設定 Claude Code 自動權限模式
為了讓 AI 能全自動操作,不用每做一個動作就停下來問你,我們需要開啟 Bypass 權限模式。如果你是第一次使用,預設是無法選擇這個模式的,請照著以下步驟開啟:
- 打開 Claude 電腦版,在左下角登入你的付費帳號。
- 點擊左下角的帳號頭像,選擇「Settings」。
- 切換到「Claude Code」分頁。
- 找到「Allow bypass permissions mode」並將它開啟。
- 回到主畫面,在左上角切換到「Code」頁面,點擊「New session」建立新專案。
- 在對話框左下角的權限選單中,選擇「Bypass permissions」。
如果你不放心讓 AI 全自動操作,也可以選擇另外兩個模式,但缺點就是過程中有很多步驟需要你手動點擊允許,會比較麻煩。
實戰示範:讓 AI 自動部署 GitHub 開源專案
這邊我用之前分享過的 LINE AI 客服系統(以 Supabase + Netlify 為例)來示範。只要把 GitHub 專案連結丟給它,並下達明確的提示詞:
我在瀏覽器已經有登入好 Netlify 跟 Supabase,幫我部署 GitHub 這個專案:[貼上你的 GitHub 專案連結]。
部署步驟在專案的 Readme 裡面都有,自己去參考。
過程中的任何要輸入的東西你都自己設定不用問我,最後再提供我你設定的登入資訊就好。送出指令後,你可以直接去喝杯咖啡,AI 會開始進行以下操作:
- 讀取 GitHub 專案的 Readme 檔案,了解部署步驟。
- 自動在你的 Chrome 瀏覽器打開 Supabase 頁面,建立新專案、填寫名稱與密碼。
- 自動執行 Readme 裡要求的 SQL 語法。如果遇到擴充套件操作失敗,AI 還會自己想辦法用別的方式解決。
- 接著打開 Netlify 頁面,完成相關的部署設定。
等它跑完後,AI 會在對話框中回報「登入成功,後台正常運作」,並列出所有你需要的資訊,包含線上後台網址、管理員帳號密碼、Supabase 與 Netlify 的相關專案資訊。你完全不需要自己去後台找這些資料。
進階應用:部署到 Google Cloud VM
如果你要部署的專案比較複雜,需要用到真正的雲端伺服器(例如 Google Cloud 的 VM),一樣可以用這個方法。Google Cloud 雖然不是最便宜的,但相對穩定,適合小白使用。
- 先在瀏覽器登入你的 Google 帳號,進入 Google Cloud 控制台,完成相關驗證並進入新增專案頁面。
- 在 Claude Code 告訴它:「我已經登入好 Google 帳號,請幫我在 Google Cloud 建立一個專案並使用 VM,幫我把 [專案名稱] 部署上去。」
- 如果你不知道該選什麼方案,可以請 AI 幫你評估需要哪個費用等級的方案,或是直接請它選最便宜的方案來部署。
這個方法不只適用於部署系統,如果你需要購買網址卻不知道怎麼操作,也可以先登入好買網址的網站,然後叫 AI 幫你操作。只要掌握「先在瀏覽器登入好帳號」這個原則,剩下的繁瑣步驟都能交給 AI 搞定。
本文整理自阿湯的 YouTube 影片〈想用 AI 打造系統?別讓「部署上線」成為你的最大阻礙!〉,實際操作畫面請看影片;更多 AI 實用教學,歡迎訂閱 I'm 阿湯 YouTube 頻道。
常見問題
為什麼我的 Claude Code 不能選 Bypass 模式?
第一次使用時,Bypass 模式預設是關閉的。請點擊左下角帳號進入 Settings,切換到 Claude Code 分頁,將「Allow bypass permissions mode」打開,就能在對話框左下角選擇了。
讓 AI 自己設定帳號密碼安全嗎?
AI 會隨機產生密碼並在最後統整給你。如果你有自己想用的帳號密碼,可以在提示詞中直接提供給 AI,請它依照你給的資訊去設定。
如果部署過程中 AI 遇到錯誤怎麼辦?
Claude Code 遇到操作失敗(例如擴充套件問題)時,通常會自己嘗試用其他方法解決。你只需要放著讓它跑,它會想辦法完成任務。
這個功能需要付費嗎?
是的,使用 Claude Code 必須訂閱 Claude 的付費方案,目前每個月是 20 美金。




