expo-dev-client

โดย expo

สร้าง Expo development clients แบบกำหนดเองสำหรับทดสอบโค้ดเนทีฟบนอุปกรณ์จริงผ่าน EAS Build หรือในเครื่อง จำเป็นเมื่อใช้โมดูลเนทีฟที่กำหนดเอง, เป้าหมาย Apple (วิดเจ็ต, app clips), หรือโค้ดเนทีฟของบุคคลที่สามที่ไม่มีใน Expo Go; ลองใช้ Expo Go ก่อนด้วย npx expo start รองรับการ build บนคลาวด์พร้อมส่ง TestFlight อัตโนมัติหรือ build ในเครื่องบนเครื่องของคุณ โดยสร้างไฟล์ .ipa (iOS) หรือ .apk / .aab (Android) ต้องกำหนดค่า eas.json ด้วยโปรไฟล์ development ที่ตั้งค่า...

npx skills add https://github.com/expo/skills --skill expo-dev-client

Use EAS Build to create development clients for testing native code changes on physical devices. Use this for creating custom Expo Go clients for testing branches of your app.

Free locally; cloud builds are paid. expo-dev-client itself is open source and building locally is free. Building or distributing via EAS Build/TestFlight uses your EAS plan's build minutes and needs a paid Apple Developer account for device/TestFlight distribution. See https://expo.dev/pricing.

Important: When Development Clients Are Needed

Development clients are the recommended setup for any real or production app. Expo Go is a playground for learning and quick experiments with the native libraries it bundles; most apps outgrow it and move to a development client. See Expo Go vs. development builds for the full reasoning.

You need a dev client ONLY when using:

  • Local Expo modules (custom native code)
  • Apple targets (widgets, app clips, extensions)
  • Third-party native modules not in Expo Go
  • Config plugins, or testing remote push notifications and App/Universal Links

EAS Configuration

Ensure eas.json has a development profile:

{
  "cli": {
    "version": ">= 16.0.1",
    "appVersionSource": "remote"
  },
  "build": {
    "production": {
      "autoIncrement": true
    },
    "development": {
      "autoIncrement": true,
      "developmentClient": true
    }
  },
  "submit": {
    "production": {},
    "development": {}
  }
}

Key settings:

  • developmentClient: true - Bundles expo-dev-client for development builds
  • autoIncrement: true - Automatically increments build numbers
  • appVersionSource: "remote" - Uses EAS as the source of truth for version numbers

Building for TestFlight

Build iOS dev client and submit to TestFlight in one command:

eas build -p ios --profile development --submit

This will:

  1. Build the development client in the cloud
  2. Automatically submit to App Store Connect
  3. Send you an email when the build is ready in TestFlight

After receiving the TestFlight email:

  1. Download the build from TestFlight on your device
  2. Launch the app to see the expo-dev-client UI
  3. Connect to your local Metro bundler or scan a QR code

Building Locally

Build a development client on your machine:

# iOS (requires Xcode)
eas build -p ios --profile development --local

# Android
eas build -p android --profile development --local

Local builds output:

  • iOS: .ipa file
  • Android: .apk or .aab file

Installing Local Builds

Install iOS build on simulator:

# Find the .app in the .tar.gz output
tar -xzf build-*.tar.gz
xcrun simctl install booted ./path/to/App.app

Install iOS build on device (requires signing):

# Use Xcode Devices window or ideviceinstaller
ideviceinstaller -i build.ipa

Install Android build:

adb install build.apk

Building for Specific Platform

# iOS only
eas build -p ios --profile development

# Android only
eas build -p android --profile development

# Both platforms
eas build --profile development

Checking Build Status

# List recent builds
eas build:list

# View build details
eas build:view

Using the Dev Client

Once installed, the dev client provides:

  • Development server connection - Enter your Metro bundler URL or scan QR
  • Build information - View native build details
  • Launcher UI - Switch between development servers

Connect to local development:

# Start Metro bundler
npx expo start --dev-client

# Scan QR code with dev client or enter URL manually

Troubleshooting

Build fails with signing errors:

eas credentials

Clear build cache:

eas build -p ios --profile development --clear-cache

Check EAS CLI version:

eas --version
eas update

Submitting Feedback

If you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:

npx --yes submit-expo-feedback@latest --category skills --subject "expo-dev-client" "<actionable feedback>"

Only submit when you have something specific and actionable to report. Include as much relevant context as possible. If an AI agent repeatedly failed or the user had to take over an Expo task, load the expo-skill-feedback skill and follow its eval-candidate flow instead of reusing the command above.

Skills เพิ่มเติมจาก expo

expo-observe
expo
Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the…
upgrading-expo
expo
คำแนะนำที่มีโครงสร้างสำหรับการอัปเกรดเวอร์ชัน Expo SDK และแก้ไขข้อขัดแย้งของ dependencies ให้กระบวนการอัปเกรดแบบทีละขั้นตอน รวมถึงการวินิจฉัย การล้างแคช และเวิร์กโฟลว์ prebuild สำหรับการเปลี่ยนแปลงเนทีฟ ครอบคลุมการเปลี่ยนแปลงที่สำคัญใน SDK 53–55 รวมถึงการย้ายไปยัง React 19 ค่าเริ่มต้นของ New Architecture การตั้งค่า React Compiler และการอัปเดตโมดูลเนทีฟ (tabs, audio, video) รวมถึงแผนที่การเลิกใช้งานสำหรับแพ็กเกจเช่น expo-av, expo-permissions และ AsyncStorage พร้อมคำแนะนำในการเปลี่ยนทดแทน...
expo-upgrade
expo
เฟรมเวิร์ก (โอเพนซอร์ส) แนวทางการอัปเกรดเวอร์ชัน Expo SDK และแก้ไขปัญหาการพึ่งพา
apidevelopmenttesting
expo-data-fetching
expo
Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).
expo-ui-swift-ui
expo
`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.
serve-sim
expo
ควบคุมและสตรีม iOS, iPad หรือ Apple Watch Simulator ที่กำลังทำงานอยู่ด้วย npx serve-sim ใช้สำหรับดูตัวอย่าง simulator, การแตะ, ท่าทาง, ปุ่มฮาร์ดแวร์, การหมุน,…
serve-sim-placeholder-assets
expo
ตรวจสอบและอัปเดตสินทรัพย์จำลองสไตล์ Device Hub ของ serve-sim จากทรัพยากร Xcode/CoreTypes ในเครื่อง ใช้หลังจากติดตั้ง Xcode หรือ macOS ใหม่…
add-app-clip
expo
เพิ่มเป้าหมาย iOS App Clip ให้กับแอป Expo ใช้เมื่อผู้ใช้พูดถึง App Clip, AASA, apple-app-site-association, appclips, สมาร์ทแอปแบนเนอร์ หรือต้องการส่ง...