# 用 Codex 開發 App：新手入門指南

> 用 OpenAI Codex 建立第一個 App：準備 Expo、寫好提示詞、在 iPhone 上測試，並了解上架前的步驟。

原始頁面：[用 Codex 開發 App：新手入門指南](https://devoria.fr/zh-hant/blog/build-app-with-codex-beginner-guide)
作者：[Mehdi Azizi](https://devoria.fr/zh-hant/mehdi-azizi)
發布日期：2026-10-01
內容最後修訂：2026-10-09


## 可以用 Codex 開發手機 App 嗎？

可以。Codex 是 OpenAI 的程式開發代理，它能讀取你的專案、修改檔案、執行指令，幫你把 App 做出來。如果要做 iPhone App，你可以在 React Native 和 Expo 專案中使用它，再到手機上測試成果。

Codex 處理的是程式碼。iPhone 上的畫面顯示、編譯可發布的版本、送交 Apple 審查，這些步驟都要另外確認。這篇指南帶你先用一個簡單功能走完第一輪，之後再加入帳號或付費。

## 1. 先準備一個夠小的點子

安裝任何東西之前，先寫下三行：

- 使用者：這個 App 服務的是誰。
- 動作：第一個版本裡，他必須能做到什麼。
- 驗證：你要怎麼知道這個動作真的能用。

**這裡用的虛構範例：**登山客把背包裡的物品加進清單，然後逐一打勾。第一版沒有地圖，也沒有社群功能。

如果你的描述還停留在「一個超酷的 AI App」，[找 App 點子的指南](https://devoria.fr/zh-hant/blog/find-app-idea-5-tests-before-coding)會給你更具體的起點。接著你可以使用[一頁式需求規格書](https://devoria.fr/zh-hant/blog/mobile-app-requirements-template-one-page)。

## 2. 建立手機專案並顯示第一個畫面

要跟著這個流程做，請準備 Expo 建議版本的 Node.js、一個程式碼編輯器和一個測試環境。照著 [Expo 官方的建立專案步驟](https://docs.expo.dev/get-started/create-a-project/)操作：裡面寫了目前的指令，以及和 Expo Go 相容性的注意事項。

在請 Codex 寫功能之前，先把初始專案跑起來。如果空專案都啟動不了，之後出錯時就很難判斷問題出在安裝還是產生的程式碼。

Expo Go 可以測試它環境支援的功能。當你加入它沒有內建的原生程式碼時，可能需要換別的測試環境，而且這些程式碼在上傳時會經過 Apple 的檢查，例如針對非公開 API 的 ITMS-90338。別把這個預覽和要上架 App Store 的正式版本搞混。[React Native 與 Expo](https://devoria.fr/zh-hant/expertise/react-native-expo-mobile-app) 這個學習路線會說明這些工具的角色。

## 3. 給 Codex 正確的資料夾

選一個適合你的介面：桌面 App、終端機或編輯器擴充功能。[OpenAI 官方快速入門](https://learn.chatgpt.com/docs/quickstart)介紹了可用的選項和登入方式。

在桌面 App 中，打開你的 App 資料夾，選擇 Codex 來進行開發工作。在終端機中，依照[官方文件](https://learn.chatgpt.com/docs/cli)安裝 CLI 後，先切換到同一個資料夾再啟動代理：

```bash
cd mon-app
codex
```

這裡的 `mon-app` 代表你的資料夾名稱。請確認名稱正確，別在隨便一個目錄裡複製貼上指令。只要專案資料夾就夠了，就不要開放整台電腦。

第一個請求可以只讀不寫：

```text
閱讀這個專案，不要修改任何檔案。
告訴我畫面、導覽和資料分別放在哪裡。
列出可以用來啟動和檢查 App 的指令。
我是新手：請解釋你用到的技術名詞。
```

## 4. 做一個功能，然後看看結果

提出一個範圍有限的修改：

```text
新增一個準備登山背包的畫面。
使用者可以輸入物品名稱，加到清單中並打勾。
遵守專案現有的慣例，使用本機資料。
不要建立帳號、伺服器或付費功能。
先說明計畫，再列出修改過的檔案。
用專案現有的指令檢查專案。
告訴我要在手機上測試哪些操作。
```

修改完成後，看看哪些檔案被改了，再把 App 跑起來。如果你不懂代理為什麼加了一個服務，或替換了專案的一大部分，就請它解釋。

測試新增物品、空白輸入、打勾，以及鍵盤彈出的情況。在小螢幕上，按鈕也必須點得到。技術指令執行成功，本身並不能證明這個流程好用。

## 5. 用精確的觀察來修正

「不能用」可能的原因太多了。請描述你做了什麼、預期結果是什麼、實際發生了什麼：

```text
在我的 iPhone 上，我新增「水壺」，然後關閉再重新打開 App。
清單又變成空的。我希望物品在兩次開啟之間能保留下來。
請提出在這個專案中最簡單的修正方式。
告訴我怎麼檢查儲存和刪除物品的功能。
```

附上有用的截圖或錯誤訊息，但不要包含私人資料或秘密金鑰。如果好幾次修正都失敗，先請 Codex 解釋它觀察到的原因，再重新來過。把能正常運作的版本存起來，這樣才能回頭。

## 6. 從原型走到可發布的 App

主要功能能用之後，接下來的選擇取決於你的需求：本機資料還是同步資料、強制登入還是選擇性登入、免費版還是訂閱制。

每多加一樣東西，就多一項要驗證的事。有帳號，就要測試每位使用者的資料存取。有訂閱，就要測試購買、恢復購買，以及到期後的存取權限。功能用到付費 API，就要搞清楚呼叫在哪裡執行、誰來付使用費。

進入這些步驟之前，先看看[用 AI 打造 iOS App 的陷阱](https://devoria.fr/zh-hant/blog/ai-ios-app-pitfalls-checks)。要發布測試版，請參考 [TestFlight 指南](https://devoria.fr/zh-hant/blog/testflight-test-iphone-app-before-review)。要正式上架，請跟著 [App Store 上架路線](https://devoria.fr/zh-hant/expertise/publish-app-on-app-store)走。

## 常見問題

### Codex 會自動在我的 App 裡加入 AI 嗎？

不會。用 AI 寫程式碼，不代表最後的 App 會內建聊天機器人或呼叫模型。我們的範例只用本機清單就能運作，產品裡完全沒有 AI。

### 可以不訂閱所有工具就開始嗎？

請在 OpenAI 目前的方案中確認你帳號的使用權限和限制。先從一個功能開始，再考慮增加服務。[免費開發 App](https://devoria.fr/zh-hant/blog/free-iphone-app-real-cost) 這篇指南會區分原型階段和上架費用。

### 新手該選 Codex 還是 Claude Code？

比較你能順利跟上的流程，而不是比誰承諾的速度快。[Codex 與 Claude Code 比較](https://devoria.fr/zh-hant/blog/codex-vs-claude-code-iphone-app)提供一個共同練習，幫你做決定。

## 想知道接下來要做什麼嗎？

[免費診斷](https://devoria.fr/zh-hant/diagnostic)幫你釐清專案現況、選擇下一步，並寄給你我的 Apple 防退件檢查清單。[iOS Kit](https://devoria.fr/zh-hant/kits/ios) 提供我 App 的起始程式碼，以及從點子到 App Store 的四步驟流程。想學完整的方法，可以看看 [iOS App 開發培訓路線](https://devoria.fr/zh-hant/expertise/ios-developer-course)。如果你是用 AI 開發，[vibe coding 培訓](https://devoria.fr/zh-hant/expertise/vibe-coding-course-iphone-app)頁面走的是同一套流程。


## 你的專案

[iOS Kit](https://devoria.fr/zh-hant/kits/ios)：用 Claude Code 打造你的 iPhone App：我的 App 所用的 Starter Code、檢查成果的 skills，以及 Apple Review Kit、App Store Screenshots Kit 與 ASO Kit。129.99 €。