做 App
進階
做 App

用 AI 做手機 App：Expo 一套程式碼出 iOS 與 Android

建立 Expo 專案、讓 AI 寫畫面與功能、用手機即時預覽、雲端打包安裝檔，不需要 Mac 也能做 iPhone 版。
2 小時
6 步
開發免費；上架需開發者帳號（見上架攻略）
編
AI 有解編輯部
最後更新 2026 年 11 月 4 日・CC BY 4.0
用到的工具
React Native
Claude Code
Expo Go
Expo 讓你用一套 JavaScript／TypeScript 程式碼同時做出 iOS、Android，甚至網頁版。AI 對它很熟，但 Expo 每次大改版都會調整 API，一定要對照官方文件。
你需要準備
•
已完成〈零基礎寫程式環境〉與〈用 AI 寫程式代理從零做出第一個工具〉
•
一支 iPhone 或 Android 手機，安裝「Expo Go」App
•
電腦與手機連同一個 Wi-Fi
進度 0／6
1

建立專案

終端機
npx create-expo-app@latest my-app cd my-app npx expo start
用手機的相機（iPhone）或 Expo Go（Android）掃終端機上的 QR Code，就能在手機上看到 App。
2

告訴 AI 你的 Expo 版本

打開 package.json 看 expo 的版本號，提示詞裡一定要寫：
提示詞
這是 Expo SDK【版本】專案，使用 Expo Router。請以這個版本的官方文件為準， 不確定的 API 先查文件再寫。我要做一個記帳 App： - 首頁：本月總支出、最近 10 筆紀錄 - 新增頁：金額、分類（餐飲／交通／娛樂／其他）、備註、日期 - 資料先存在手機本機 - 介面用繁體中文，手機上按鈕要夠大 先列出畫面與檔案結構，等我確認。
3

一個畫面一個畫面做

每完成一個畫面就在手機上實際點一次。手機上看不出問題，再請 AI 加功能。
4

處理不同尺寸與系統

提示詞
檢查所有畫面：小螢幕手機、iPhone 瀏海與動態島、Android 返回鍵、鍵盤擋住輸入框、 深色模式。列出問題並修正。
5

雲端打包安裝檔

Expo 的雲端打包服務（EAS）不需要 Mac：
終端機
npx eas-cli@latest login npx eas-cli@latest build:configure npx eas-cli@latest build --platform android --profile preview
完成後會給你下載連結，Android 手機可以直接安裝測試。iPhone 版需要 Apple 開發者帳號。
6

需要伺服器時

資料要跨裝置同步、要登入時，接上後端（例如 Supabase）。金鑰與付費 API 一律放後端，App 裡只放可公開的設定。
你照著做成功了嗎？
成為第一個回報的人。你的回報會決定攻略排序與作者分潤。
下一步
上架 App Store 與 Google Play：見〈App 上架全流程〉。
收錄在學習路線
廣告版位
想讓正在用 AI 的人看到你的產品？了解廣告合作
問與答
卡住的地方、補充的做法都可以留在這裡
還沒有人留言。
更多「做 App」攻略