點樣用 AI 建立應用程式:實用指南
而家你唔使自己寫程式碼,都可以用 AI 建立一個可以運作嘅應用程式:你用平常語言描述想要咩,AI 應用程式建立工具就會寫出程式碼並喺即時預覽中運行,然後你透過對話不斷改善,直到佢符合你嘅需要。之後你就可以將佢發佈到一個公開網址。真正仍然需要技巧嘅,係決定要建立咩,以及清楚咁描述出嚟,而呢部分正係本指南嘅重點。
「用 AI 建立應用程式」實際上係咩意思
所謂「用 AI 建立應用程式」嘅工具,其實有三種截然不同嘅類型:
| 工具類型 | 功能 | 適合邊類人 |
|---|---|---|
| AI 應用程式建立工具(Mythex、Lovable、Bolt、Replit) | 你用對話,AI 會寫出整個應用程式、運行,並可以發佈 | 創辦人、小企業、設計師,以及任何想要一個可運作產品嘅人 |
| AI 程式碼助手(Cursor、GitHub Copilot、Claude Code) | 喺編輯器入面幫開發者更快寫程式碼 | 本身已經用程式碼工作嘅開發者 |
| 附有 AI 功能嘅無程式碼建立工具(Bubble、Softr、Webflow) | 視覺化拖放編輯器,並有部分 AI 協助 | 偏好以視覺方式建立嘅人 |
本指南講嘅係第一類。如果想詳細了解分別,請參閱 AI 應用程式建立工具 vs AI 程式碼助手。
第一步:決定第一個版本做咩
令結果令人失望嘅最大原因,就係一次過要求所有嘢。開任何工具之前,先寫低:
- 邊個會用。 「預約剪髮嘅客人」比「用戶」更有用。
- 它必須做嘅一項核心工作。 預約應用程式嘅工作,就係讓人揀選時間並確認。評論、積分同網誌可以遲啲再做。
- 它會保存咩資料。 預約、客戶、服務。列出呢啲嘢,就等於告訴 AI 資料庫需要咩。
- 邊個可以睇到咩。 任何人都可以睇所有預約,定係只有擁有者可以?呢點決定你需唔需要登入同角色權限。
用三至四句話涵蓋以上幾點,會比一頁功能清單更好嘅第一個提示。
第二步:寫第一個提示
一個好嘅第一個提示,描述嘅係產品,而唔係程式碼。例如:
為一間細型髮型屋建立預約網站。客人會睇到服務(名稱、時長、價錢),揀選一項服務,喺今個星期揀一個空閒時段,並輸入名字、電話同電郵。店主登入後可以睇到今日同即將到嚟嘅預約,並可以取消其中一個。外觀乾淨、現代,喺手機上效果良好。
呢個提示提到咗用戶、主要流程、資料同權限,但冇提及任何一項技術。建立工具會幫你揀一個合適嘅技術棧;如果你比較在意,仍然可以要求特定嘅技術。以 Mythex 為例,新嘅網頁應用程式預設使用 React 同 TypeScript,你亦可以要求 Next.js、純靜態網站或者 Python API。
更多有效嘅寫法可以參閱 點樣為 AI 應用程式建立工具寫提示。
第三步:以用戶身份測試,然後每次只改一樣嘢
第一個版本出現喺預覽之後,就用你嘅用戶會用嘅方式去測試:預約一個時段、重新整理頁面、喺手機尺寸嘅螢幕上試用。然後用細小、具體嘅步驟去要求改動:
- 好:「當某個時段已被預約,就喺其他客人面前隱藏佢。」
- 較差:「令預約功能更好。」
細小嘅要求,AI 比較容易做對,你亦比較容易檢查。如果某項改動出咗問題,大部分建立工具都可以讓你回復 — Mythex 會保留檢查點,你可以返回。
當有嘢壞咗,要描述你做咗咩、預期會點,以及實際發生咗咩。把你見到嘅錯誤訊息貼上嚟。通常咁樣已經足夠令 AI 搵到原因。
第四步:加入真實資料、登入同付款
原型通常由樣本資料開始。真正嘅應用程式需要保存人哋輸入嘅嘢。
- 資料庫。 用平常說話要求:「將預約儲存到資料庫」。當你嘅應用程式需要時,Mythex 會為專案附加一個專用嘅 Postgres 資料庫 — 如果呢個概念你未識,請參閱 資料庫係咩。
- 登入。「加入以電郵同密碼註冊同登入;只有店主可以睇預約頁面。」講清楚邊個可以睇到咩。
- 付款。 大部分應用程式透過 Stripe 收款。你需要一個 Stripe 帳戶同佢嘅 API 金鑰;AI 會負責接駁結帳功能。我哋嘅 加入付款指南 會講解步驟。
- 電郵。 確認訊息同重設密碼需要電郵服務商,例如 Resend 或 Postmark。金鑰要放入專案嘅機密設定,而唔係放喺對話入面。
第五步:俾真人用之前先檢查
AI 建立工具擅長做出能夠運作嘅嘢,但並唔會自動變得審慎。分享連結之前:
- 試吓睇唔該睇嘅資料。 以一個用戶登入,然後嘗試打開另一個用戶嘅頁面。
- 喺手機上測試。 你大部分訪客都會用手機。
- 用錯誤輸入測試表格 — 空白欄位、超長文字、錯誤格式嘅電郵。
- 保守機密。 API 金鑰應該放喺環境變數入面,絕對唔可以放喺頁面嘅程式碼入面。
我哋嘅 AI 建立應用程式嘅安全清單 會更深入咁講解以上各點。
第六步:發佈,並將應用程式推到人哋面前
發佈會將預覽變成一個可以分享嘅網址上嘅公開應用程式。喺 Mythex,你開啟 Publish,揀一個名稱,應用程式就會上線到 yourname.mythex.app;喺 Pro 方案,你可以連接自己嘅網域。託管、資料庫同檔案儲存都用同建立時一樣嘅 credit 餘額運作,所以唔使另外設定伺服器。
之後就係冇任何工具可以幫你做嘅部分:搵到你嘅首批用戶。點樣推出應用程式並獲得首批用戶 有實用嘅方法。
AI 應用程式建立工具擅長咩,又喺邊度有困難
擅長:
- 網站、登陸頁同作品集
- 儀表板、管理面板同內部工具
- CRUD 應用程式 — 主要由表格、列表同紀錄組成嘅嘢
- 用真實用戶測試想法嘅 MVP
- 接駁常見服務,例如 Stripe、電郵服務商同 AI API
較困難:
- 上架 App Store 同 Google Play 嘅原生流動應用程式(大部分建立工具產生嘅係喺手機上可以使用嘅網頁應用程式)
- 由多個團隊負責、並有嚴格合規要求嘅超大型複雜系統
- 大量即時或高效能工作,例如多人遊戲或影片處理
- 任何你無法描述「正確」係點樣嘅嘢
對於好多專案嚟講,實際嘅路徑係先用 AI 建立第一版,從真實用戶身上學習,然後如果你超出咗工具嘅能力,就再聘請開發者 — 如果你嘅建立工具容許匯出,就保留程式碼。
用 Mythex 建立你嘅應用程式
Mythex 係一個 AI 應用程式建立工具:你描述應用程式,佢就會建立並喺即時預覽中運行,當你嘅應用程式需要時加入資料庫或檔案儲存,並將應用程式發佈到一個真正嘅網址。你可以免費開始,當你想自行編輯程式碼、匯出、同步 GitHub 或者使用自訂網域時,再升級去 Pro。
如果你唔想由空白頁開始,可以瀏覽範本或者按應用程式類型劃分嘅 AI 建立工具,又或者跟隨文件入面嘅快速入門。
本頁亦有阿拉伯文版本。
常見問題
我唔識寫程式,可以用 AI 建立應用程式嗎?
可以。用 AI 應用程式建立工具,你用平常語言描述想要咩,AI 就會寫出程式碼並運行。識得一啲基本概念,例如資料庫係咩、登入有咩作用,有助你提出正確嘅要求,但你唔使自己寫程式碼。
用 AI 建立應用程式要幾耐?
一個簡單嘅登陸頁、表格或儀表板嘅第一版,幾分鐘內就可以運作。一個有帳戶、資料庫同付款功能嘅應用程式,通常需要幾次描述、測試同修正,即係幾個小時或者幾日,而唔係傳統開發所需嘅幾個星期或者幾個月。
AI 應用程式建立工具寫出嘅程式碼,我擁有嗎?
視乎工具而定。有啲容許你匯出程式碼或者同步到 GitHub;另一啲就將程式碼留喺佢哋嘅平台入面。喺 Mythex,Pro 方案可以匯出完整專案,或者同步到你自己嘅 GitHub 儲存庫。
AI 可以建立流動應用程式嗎?
大部分 AI 應用程式建立工具都係建立喺任何瀏覽器都可以運行、並且喺手機上可以使用嘅網頁應用程式。發佈去 App Store 或 Google Play 係另一個步驟,好多建立工具都唔支援;喺 Pro 方案,Mythex 會將網頁應用程式包裝成 Android 同 iPhone 應用程式,並送去 Google Play 內部測試同 TestFlight。