Sekarang kami menguji aplikasi pada perangkat nyata yang tentu saja cukup bagus dan juga menakjubkan untuk melihatnya berjalan di sana tetapi untuk
pengembangan, saya benar-benar akan menggunakan simulator yang merupakan perangkat
virtual yang berjalan pada mesin saya, hanya agar saya tidak terus-menerus harus menguji aplikasi pada perangkat
asli saya, saya suka memilikinya di sini, juga membuatnya lebih mudah untuk direkam.
Anda mungkin juga ingin menguji aplikasi pada simulator di beberapa titik, misalnya karena Anda mungkin hanya memiliki baik Android
atau perangkat iOS dan Anda juga ingin menguji dan melihat aplikasi Anda pada platform masing-masing lainnya atau Anda
memiliki kedua perangkat, Anda memiliki iPhone, Anda memiliki ponsel Android tetapi Anda juga ingin menguji aplikasi Anda pada iPhone
yang lebih tua, pada perangkat Android yang lebih kecil dan dengan simulator dan emulator, Anda dapat meluncurkan berbagai jenis
perangkat dan menguji aplikasi Anda di sana. Untuk memulai dengan itu, buka bagian panduan di sana dan klik Naik
dan Berlari, tidak masalah di mana Anda mengklik, pada
akhirnya Anda hanya perlu membuka dokumen. pameran io dan
di sana dalam alur kerja yang dikelola, Anda
dapat mengklik simulator iOS atau emulator Android Studio dan di sana, Anda belajar
cara menginstal Android Studio dan kemudian meluncurkan perangkat virtual atau menginstal Xcode yang merupakan
lingkungan pengembangan Apple dan meluncurkan simulator iOS. Yang penting, simulator iOS hanya dapat diluncurkan pada perangkat
MacOS karena Xcode, alat yang benar-benar Anda butuhkan untuk yang tidak tersedia di Windows atau Linux, jadi Anda
tidak dapat menjalankan simulator iOS di Windows atau Linux, Anda dapat menjalankan Android Studio emulator di sana, pada MacOS Anda
dapat menjalankan keduanya.
Jadi sekarang mari kita instal hal-hal ini dan mari kita mulai dengan
emulator Android Studio, untuk ini, Anda pertama-tama perlu menginstal Android Studio. Untuk ini, Anda tentu saja cukup google untuk Android Studio
dan Anda harus menemukan pengembang. Android. com / studio, cukup
klik di sana dan kemudian di sana, pilih unduh Android Studio dan setujui persyaratan ini di sini.
Sekarang ini akan membuka jendela unduhan itu dan sekarang mengunduh Android Studio yang cukup besar dan karenanya
unduhan ini bisa memakan waktu cukup lama.
Sekarang saya akan kembali setelah
unduhan ini selesai untuk kemudian melanjutkan dengan pengaturan. Jadi unduhan selesai untuk saya dan dengan itu, saya
membuka ini, sekarang saya di Mac di sini tetapi juga Windows, Anda cukup klik dua kali pada file
yang diunduh untuk memulai installer dan installer akan membuka dan memandu Anda melalui beberapa langkah.
Sekarang di penginstal itu, Anda cukup meninggalkan semua pengaturan default. Sekarang dengan Android Studio diinstal dan instalasi
selesai, kami akan meluncurkan dalam sedetik.
Sekarang sebelum saya memulai bersama dengan Anda dan kami berjalan melalui langkah pertama ini, pastikan Anda memiliki
pengaturan ini di sana pada MacOS dan Linux dikonfigurasi dengan benar.
Jadi di Windows, Anda harus
melakukan itu tetapi di MacOS dan Linux, pastikan Anda mengikuti dua langkah ini yang
akan Anda temukan di dokumen resmi agar semuanya berfungsi dengan benar. Sekarang dengan itu, mari kita luncurkan Android Studio, setelah Anda memulainya, Anda
akan melihat layar yang terlihat seperti ini.
Di sana, Anda dapat mengklik configure dan kemudian pilih manajer SDK.
Sekarang di sini di manajer SDK, pastikan Anda memiliki salah satu SDK terbaru yang diinstal.
Sekarang biasanya, Anda memiliki SDK paling atas yang masih dalam versi beta, jadi
dalam kasus saya itulah Android API level 29q yang belum memiliki nama resmi dan versi stabil
terbaru, dalam pi kasus saya, adalah yang harus Anda instal,
biasanya item kedua di sini dalam daftar itu.
Jadi versi pertama yang memiliki nama asli sehingga dapat dikatakan,
dalam hal ini pi, pastikan bahwa ini diinstal hanya dengan
memeriksa di sini dan setelah Anda memeriksanya, Anda dapat mengklik berlaku di sana dan
ini akan secara otomatis mengunduh dan menginstal Itu. Selain menginstal SDK, pastikan bahwa di alat SDK, Anda
memiliki
emulator Android yang diinstal di sini, jadi cukup klik ini di sini, tambahkan tanda centang di
sini dan alat platform SDK dan alat SDK, bahwa ketiganya diperiksa di sini . Periksa juga akselerator emulator Intl 86 di sini dan Layanan Google Play.
Dengan semua yang dicentang, klik berlaku dan sekarang
lagi ini akan meminta Anda dan kemudian mulai mengunduh semua item ini dan menginstalnya
ke pengaturan Android Anda di sini dan Anda perlu semua hal ini diinstal untuk mengembangkan aplikasi Android.
Jadi mari kita tunggu pengunduhan dan pemasangan ini selesai di sini dan setelah selesai, Anda selesai di sini,
Anda bisa menutupnya dan langkah berikutnya, masih di jendela Android Studio di sini, adalah Anda
mengklik configure AVD manager.
Ini adalah manajer yang memungkinkan Anda untuk membuat dan meluncurkan perangkat virtual.
Anda lihat saya sudah memiliki beberapa perangkat, Anda
mungkin tidak memilikinya, Anda selalu dapat membuat yang baru di sudut kiri bawah dengan mengklik pada
buat perangkat virtual dan kemudian pilih telepon di sini dan Anda dapat memilih gambar yang Anda inginkan di sini untuk membuat perangkat
berbeda dengan ukuran berbeda.
Saya akan merekomendasikan pergi dengan yang Play Store terinstal, yang dapat membantu dengan menguji fitur tertentu yang mungkin
kita butuhkan nanti tetapi secara umum, Anda dapat
memilih gambar apa pun di sini yang Anda inginkan, saya akan pergi
dengan pixel 2 di sini. Klik berikutnya, lalu pilih
versi Android yang
ingin Anda gunakan pada perangkat itu dan di
sana, saya akan menggunakan yang stabil
terbaru, jadi bukan yang beta, bukan Q dalam kasus saya tetapi yang stabil terbaru, Anda
mungkin perlu mengunduhnya pertama, gambar ini, ini independen dari SDK yang
Anda instal sedetik yang lalu, ini adalah gambar perangkat. Jadi pastikan Anda mengunduh stabil terbaru dan pilih
setelahnya, klik next.
Anda dapat meninggalkan pengaturan default di
sini, Anda dapat terjun ke pengaturan lanjutan jika Anda benar-benar tahu apa
yang Anda lakukan tetapi sebaliknya, Anda dapat meninggalkan default dan klik finish dan ini sekarang
akan membuat emulator baru, dalam kasus saya yang satu ini di sini dan Anda dapat meluncurkan emulator
dengan mengklik tombol putar hijau di sini dan ini sekarang akan memulai emulator di sini yang sekarang boot di sini dan
setelah boot, Anda dapat menjalankan aplikasi expo Anda, aplikasi React Native Anda, pada emulator ini.
Jadi mari kita tunggu ini
selesai dan biarkan saya menunjukkan kepada Anda bagaimana cara meluncurkan aplikasi expo Anda pada emulator itu. Jadi emulator selesai booting dan sekarang Anda dapat meluncurkan
aplikasi Anda di emulator ini hanya dengan pergi ke proyek Anda di mana Anda mungkin memiliki proses
Anda masih berjalan, jika Anda
berhenti, Anda cukup memulai ulang npm mulai dalam proyek expo Native expo Anda.
Jadi itulah yang saya lakukan di sini dan sekali lagi memulai alat dev di browser di sini dan sekarang di sini di
mana kami sebelumnya memindai kode QR ini, Anda dapat menekan jalankan di perangkat Android atau emulator dan jika Anda memiliki emulator
dan berjalan, itu akan secara otomatis menjalankan aplikasi Anda di sana atau di terminal Anda di sini
tempat Anda menjalankan proses mulai npm
ini, Anda dapat menekan a untuk juga meluncurkan aplikasi Anda di emulator.
Itulah yang baru
saja saya lakukan, ini sekarang akan menginstal klien expo pada emulator secara
otomatis, jadi Anda tidak perlu menginstal atau menginstal klien expo secara manual di sana, itu dilakukan untuk
Anda dan setelah selesai dengan itu, itu membangun aplikasi Anda dan menjalankannya di perangkat Android itu.
Jadi mari kita tunggu sampai ini
selesai, ini dia, ini sedang boot dan ya klik oke di sini, Anda diminta apakah Anda
ingin mengizinkan menampilkan aplikasi ini saat pertama kali meluncurkan ini. Aktifkan ini di sini, lalu kembali, pergi ke laci aplikasi di sini
atau ke task manager dan kembali ke aplikasi Anda di sini dan sekarang di sini adalah peluncuran aplikasi pameran Anda, itu lagi
membangun bundel Javascript di bagian bawah dan setelah selesai, itu akan meluncurkan aplikasi expo Anda di sini dan hanya itu
membangun pertama membutuhkan waktu cukup lama, membangun kembali berikutnya dan memuat ulang panas seperti yang Anda lihat cukup cepat.
Jadi mari kita tunggu sampai bangunan ini selesai dan sekarang selesai di sini dan di sini, kita melihat aplikasi kita. Ngomong-ngomong, ini bagus, kami pernah melihatnya di
iPhone
sebelumnya, setidaknya di sini di video.
Sekarang ini dia berjalan di Android dan tombolnya adalah salah satu dari sedikit komponen React
Native offers yang secara otomatis menyesuaikan tampilannya dengan platform,
jadi itu cukup manis
dan kami memiliki fungsi yang sama seperti sebelumnya dan ini memungkinkan kami untuk menguji ini, bukan hanya di
perangkat nyata tetapi juga di
simulator dan di sana Anda dapat mensimulasikan perangkat Android yang Anda inginkan, yang tentu saja sangat berguna.
Jadi itulah aplikasi yang berjalan pada
simulator Android dan sepanjang kursus ini, saya akan selalu menunjukkan bagaimana ini berjalan dan bekerja pada emulator Android.
Sekarang mari kita selami menjalankan ini di iOS.