Эмулятор тохируулга (Android/iOS)

Өмнөх хичээлд Expo Go ашиглан аппаа утсан дээр харлаа. Гэхдээ хөгжүүлэгч болгон утсаа байнга компьютертэй холбож ажиллаж байдаггүй. Энэ хичээлд компьютер дээрх эмулятор тохируулна — энэ нь компьютер дээр виртуал утас ажиллуулдаг програм.

Windows болон Linux хэрэглэгчид Android эмулятор ашиглана. macOS хэрэглэгчид iOS симулятор эсвэл Android эмуляторын аль нэгийг сонгож болно.

Android эмулятор тохируулах (Windows / Linux / macOS)

1. Android Studio суулгах

https://developer.android.com/studio хаягаас Android Studio татаж суулгана. Суулгалтын явцад "Android Virtual Device" сонголтыг заавал идэвхжүүлнэ.

2. Virtual Device үүсгэх

Android Studio нээгээд:

1. "More Actions" → "Virtual Device Manager" дарна
2. "Create Device" товч дарна
3. Жагсаалтаас "Pixel 8" сонгоод "Next" дарна
4. "API 35" (эсвэл хамгийн сүүлийн) системийн дүрсийг татаж аваад "Next → Finish" дарна

3. Эмулятор ажиллуулах

Virtual Device Manager дотор ▶ Play товч дарахад эмулятор нээгдэнэ. Анх удаа ажиллуулахад хэдэн минут зарцуулагдаж болно.

Эмулятор нээлттэй байхад терминалдаа буцаж орно:

npx expo start

Терминалд a товч дарахад апп автоматаар Android эмулятор дээр нээгдэнэ:

› Press a │ open Android

iOS симулятор тохируулах (macOS төдийгүй)

iOS симулятор зөвхөн Mac компьютер дээр ажилладаг. Windows болон Linux дээр iOS симулятор суулгах боломжгүй.

1. Xcode суулгах

App Store дээрээс Xcode татаж суулгана. Xcode маш том файл (~15GB) тул татахад цаг хугацаа шаардагдана.

2. Xcode Command Line Tools суулгах

xcode-select --install

3. Симулятор ажиллуулах

Expo ажиллаж байх үед терминалд i товч дарна:

npx expo start
# дараа нь:
# › Press i │ open iOS simulator

iPhone симулятор автоматаар нээгдэж аппыг ажиллуулна.

Эмулятор ажиллаж байгаа эсэхийг шалгах

Эмулятор болон Expo хоёулаа ажиллаж байхад терминалд иймэрхүү мессеж харагдана:

Android Bundling complete 1234ms
iOS Bundling complete 987ms

Кодоо өөрчлөхөд эмулятор автоматаар шинэчлэгдэнэ — файл хадгалахад л болно. Энэ функцийг Fast Refresh гэж нэрлэдэг.

Дараагийн хичээлд:

Эмулятор бэлэн боллоо. Дараагийн хичээлд анхны аппаа бичиж, эмулятор эсвэл утсан дээрээ ажиллуулна. Кодоо өөрчилж дэлгэц дээр шууд харагдахыг гайхана!