用 Codex 開發 App:新手入門指南
作者:Mehdi Azizi
更新於 ,6 分鐘
用 OpenAI Codex 建立第一個 App:準備 Expo、寫好提示詞、在 iPhone 上測試,並了解上架前的步驟。
可以用 Codex 開發手機 App 嗎?
可以。Codex 是 OpenAI 的程式開發代理,它能讀取你的專案、修改檔案、執行指令,幫你把 App 做出來。如果要做 iPhone App,你可以在 React Native 和 Expo 專案中使用它,再到手機上測試成果。
Codex 處理的是程式碼。iPhone 上的畫面顯示、編譯可發布的版本、送交 Apple 審查,這些步驟都要另外確認。這篇指南帶你先用一個簡單功能走完第一輪,之後再加入帳號或付費。
1. 先準備一個夠小的點子
安裝任何東西之前,先寫下三行:
- 使用者:這個 App 服務的是誰。
- 動作:第一個版本裡,他必須能做到什麼。
- 驗證:你要怎麼知道這個動作真的能用。
**這裡用的虛構範例:**登山客把背包裡的物品加進清單,然後逐一打勾。第一版沒有地圖,也沒有社群功能。
如果你的描述還停留在「一個超酷的 AI App」,找 App 點子的指南會給你更具體的起點。接著你可以使用一頁式需求規格書。
2. 建立手機專案並顯示第一個畫面
要跟著這個流程做,請準備 Expo 建議版本的 Node.js、一個程式碼編輯器和一個測試環境。照著 Expo 官方的建立專案步驟操作:裡面寫了目前的指令,以及和 Expo Go 相容性的注意事項。
在請 Codex 寫功能之前,先把初始專案跑起來。如果空專案都啟動不了,之後出錯時就很難判斷問題出在安裝還是產生的程式碼。
Expo Go 可以測試它環境支援的功能。當你加入它沒有內建的原生程式碼時,可能需要換別的測試環境,而且這些程式碼在上傳時會經過 Apple 的檢查,例如針對非公開 API 的 ITMS-90338。別把這個預覽和要上架 App Store 的正式版本搞混。React Native 與 Expo 這個學習路線會說明這些工具的角色。
3. 給 Codex 正確的資料夾
選一個適合你的介面:桌面 App、終端機或編輯器擴充功能。OpenAI 官方快速入門介紹了可用的選項和登入方式。
在桌面 App 中,打開你的 App 資料夾,選擇 Codex 來進行開發工作。在終端機中,依照官方文件安裝 CLI 後,先切換到同一個資料夾再啟動代理:
cd mon-app
codex
這裡的 mon-app 代表你的資料夾名稱。請確認名稱正確,別在隨便一個目錄裡複製貼上指令。只要專案資料夾就夠了,就不要開放整台電腦。
第一個請求可以只讀不寫:
閱讀這個專案,不要修改任何檔案。
告訴我畫面、導覽和資料分別放在哪裡。
列出可以用來啟動和檢查 App 的指令。
我是新手:請解釋你用到的技術名詞。
4. 做一個功能,然後看看結果
提出一個範圍有限的修改:
新增一個準備登山背包的畫面。
使用者可以輸入物品名稱,加到清單中並打勾。
遵守專案現有的慣例,使用本機資料。
不要建立帳號、伺服器或付費功能。
先說明計畫,再列出修改過的檔案。
用專案現有的指令檢查專案。
告訴我要在手機上測試哪些操作。
修改完成後,看看哪些檔案被改了,再把 App 跑起來。如果你不懂代理為什麼加了一個服務,或替換了專案的一大部分,就請它解釋。
測試新增物品、空白輸入、打勾,以及鍵盤彈出的情況。在小螢幕上,按鈕也必須點得到。技術指令執行成功,本身並不能證明這個流程好用。
5. 用精確的觀察來修正
「不能用」可能的原因太多了。請描述你做了什麼、預期結果是什麼、實際發生了什麼:
在我的 iPhone 上,我新增「水壺」,然後關閉再重新打開 App。
清單又變成空的。我希望物品在兩次開啟之間能保留下來。
請提出在這個專案中最簡單的修正方式。
告訴我怎麼檢查儲存和刪除物品的功能。
附上有用的截圖或錯誤訊息,但不要包含私人資料或秘密金鑰。如果好幾次修正都失敗,先請 Codex 解釋它觀察到的原因,再重新來過。把能正常運作的版本存起來,這樣才能回頭。
6. 從原型走到可發布的 App
主要功能能用之後,接下來的選擇取決於你的需求:本機資料還是同步資料、強制登入還是選擇性登入、免費版還是訂閱制。
每多加一樣東西,就多一項要驗證的事。有帳號,就要測試每位使用者的資料存取。有訂閱,就要測試購買、恢復購買,以及到期後的存取權限。功能用到付費 API,就要搞清楚呼叫在哪裡執行、誰來付使用費。
進入這些步驟之前,先看看用 AI 打造 iOS App 的陷阱。要發布測試版,請參考 TestFlight 指南。要正式上架,請跟著 App Store 上架路線走。
常見問題
Codex 會自動在我的 App 裡加入 AI 嗎?
不會。用 AI 寫程式碼,不代表最後的 App 會內建聊天機器人或呼叫模型。我們的範例只用本機清單就能運作,產品裡完全沒有 AI。
可以不訂閱所有工具就開始嗎?
請在 OpenAI 目前的方案中確認你帳號的使用權限和限制。先從一個功能開始,再考慮增加服務。免費開發 App 這篇指南會區分原型階段和上架費用。
新手該選 Codex 還是 Claude Code?
比較你能順利跟上的流程,而不是比誰承諾的速度快。Codex 與 Claude Code 比較提供一個共同練習,幫你做決定。
想知道接下來要做什麼嗎?
免費診斷幫你釐清專案現況、選擇下一步,並寄給你我的 Apple 防退件檢查清單。iOS Kit 提供我 App 的起始程式碼,以及從點子到 App Store 的四步驟流程。想學完整的方法,可以看看 iOS App 開發培訓路線。如果你是用 AI 開發,vibe coding 培訓頁面走的是同一套流程。