Menjalankan Aplikasi React Native Di Perangkat Android Dan Emulator

Garis Besar Dokumen

  1. Jalankan aplikasi asli reaksi di emulator android
  2. Menjalankan aplikasi asli reaksi di perangkat android
  3. Hubungkan Perangkat melalui Wi-Fi
  4. Uji aplikasi Reactnative Anda tanpa android dan emulator. (Paling bisa diandalkan)

Pada artikel ini, kami akan menunjukkan kepada Anda cara menjalankan aplikasi asli reaksi di perangkat atau emulator android. Jika Anda sudah memiliki driver yang diperlukan, emulator yang diperbarui, prosesnya sebenarnya cukup sederhana. Jika tidak, jangan khawatir; kami akan memandu Anda melalui proses pengaturan lingkungan Anda untuk menjalankan reaksi native run di perangkat android.

React Native adalah kerangka kerja pengembangan seluler lintas platform yang memungkinkan Anda membuat aplikasi yang terlihat dan terasa asli di iOS dan Android. Anda dapat memilih untuk menguji aplikasi Anda pada emulator atau perangkat sebenarnya dengan React Native.

15 Perusahaan Pengembangan Aplikasi Asli Bereaksi Teratas

Berikut ini adalah prasyarat untuk menjalankan aplikasi React Native di Android:

  • Android Studio
  • JDK 8 (petunjuk penginstalan untuk macOS di sini dan Windows di sini )
  • Alat SDK 26.1.1 atau lebih tinggi
  • Prosesor 64-bit
  • Windows: CPU dengan dukungan UG (tamu tidak terbatas)
  • HAXM 6.2.1 atau lebih baru (HAXM 7.2.0 atau lebih baru disarankan)

Apa itu Emulator Android?

Android Emulator mensimulasikan perangkat Android di PC Anda, memungkinkan Anda menguji aplikasi di berbagai perangkat dan level API tanpa harus ke ponsel Android. sumber

Emulator adalah acara komputer yang memungkinkan Anda menguji aplikasi tanpa harus membeli perangkat nyata. Perangkat Virtual Android memungkinkan Anda untuk mensimulasikan berbagai perangkat virtual. Misalnya, Anda dapat menggunakan versi Android favorit Anda untuk menyiapkan emulator berdasarkan perangkat seperti Google Pixel.

Jika Anda lebih suka menguji aplikasi Anda pada perangkat Android yang sebenarnya, React Native telah Anda bahas di sana juga. Menghubungkan perangkat Android Anda ke PC yang Anda gunakan untuk pengembangan dan mengeluarkan perintah bisa menjadi semua yang diperlukan. Menjalankan aplikasi React Native di Android, di sisi lain, memerlukan beberapa pengaturan awal.

Setelah Anda mengunduh prasyarat, Unduh studio android dan Jalankan

Android Studio adalah IDE resmi untuk mengembangkan aplikasi Android. Ini tersedia untuk diunduh secara gratis dari situs web resmi. Untuk macOS, Windows, dan Linux, Android Studio tersedia.

Untuk menginstal Android Studio, buka di sini dan dapatkan file setup. Setelah itu, jalankan acara dan ikuti petunjuk di layar untuk menyelesaikan penginstalan.

Metode 1

Instal Android Studio untuk Menjalankan React Native di Android Emulator

Android Studio adalah IDE resmi untuk mengembangkan aplikasi Android. Ini tersedia untuk diunduh secara gratis dari situs web resmi. Untuk macOS, Windows, dan Linux, Android Studio tersedia.

Instal Android Studio, dan setelah itu, jalankan program dan ikuti petunjuk di layar untuk menyelesaikan penginstalan.

Mengonfigurasi Variabel Lingkungan Untuk Perangkat Android React Native Run

Kami telah menginstal Android Studio dan JDK 8 pada tahap ini. Akibatnya, kami dapat menambahkan SDK Android ke variabel lingkungan kami sekarang. React Native akan dapat berinteraksi dengan Android SDK melalui baris perintah setelah langkah ini.

Pengaturan Windows untuk bereaksi menjalankan asli di android

  1. Buka panel kontrol (dalam tampilan kategori)
  2. Arahkan ke Sistem dan Keamanan → Sistem.
Windows Setup to react native run on android

3. Pergi ke Pengaturan Sistem Tingkat Lanjut seperti yang ditunjukkan pada gambar di atas.

4. Buka jendela System Properties dari menu samping

run react native app on android emulator

5. Tekan Variabel Lingkungan dari jendela popup. Periksa gambar Terlampir di atas

6. Input Nilai seperti yang ditunjukkan pada gambar di bawah ini. Di bidang pertama, yang diberi label nama variabel, tambahkan nilai berikut: ANDROID_HOME .

Environment Variables window for react native on android

7.  Di kolom nilai variabel. Perlu memasukkan jalur tempat Android SDK diinstal pada sistem Anda. Anda dapat mengonfirmasi jalur dari pengaturan sistem untuk Android Studio.

 Android Studio settings page for path setup

Buka AVD Manager dengan menavigasi ke Tools → AVD Manager di Android Studio. Untuk meluncurkan AVD Manager dari layar pembuka Android Studio, navigasikan ke Konfigurasi → AVD Manage

Buat emulator baru jika belum disiapkan.

Create a new emulator if yet to setup.

Klik “Buat Perangkat Virtual” dari bagian bawah layar AVD

react native run android emulator virtual device

Metode 2

Cara Menjalankan Aplikasi React Native Di Perangkat Android Fisik

Sekarang kami akan menjalankan proyek kami di perangkat Android yang sebenarnya. Pastikan perangkat dan PC Anda dapat berinteraksi dengan benar sebelum melanjutkan.

Itu selalu merupakan ide yang baik untuk menguji aplikasi React Native Anda di ponsel Android asli jika Anda telah menyelesaikan bagian pengembangan. Itu karena emulator sering berperilaku berbeda dari perangkat nyata.

Langkah-langkah untuk Menjalankan Aplikasi React Native di Perangkat Android

  1. Buka kunci perangkat android Anda, Go to Settings> Tentang telepon
  2. Temukan nomor Build atau versi UI dan klik beberapa kali. Di bagian Tentang Perangkat, ketuk Nomor Build 10 kali atau hingga Anda melihat pesan “Anda sekarang adalah pengembang”.
  3. Setelah itu Aktifkan Opsi Pengembang dan debugging USB
  4. Setelah selesai, pasang ponsel Android Anda dan lakukan perintah yang disebutkan di bawah ini.

Pasang ponsel Android Anda dengan komputer menggunakan kabel USB dan jalankan perintah berikut di terminal.

 1. perangkat adb 
2. npx react-native run-android atau react-native run-android

Jika Anda mendapatkan kesalahan "konfigurasi jembatan tidak tersedia". Kemudian gunakan perintah di bawah ini untuk menyelesaikannya

Di sini Anda harus mengganti dengan nama perangkat Anda.

3. adb -s tcp:8081 tcp:8081

Sekarang jalankan kembali aplikasi menggunakan

4. reaksi-asli run-android

Meneruskan permintaan dari perangkat Anda (Opsional)

5. $ adb terbalik tcp:8081 tcp:8081

Jika Anda menggunakan perangkat fisik yang terhubung ke mesin yang sama,

6. jalankan 'adb reverse tcp:8081 tcp:8081' untuk meneruskan permintaan dari perangkat Anda

Jika Anda telah memutakhirkan versi asli reaksi Anda sejak membuat file proyek Android, Anda mungkin ingin membuatnya kembali sekarang. Saya pikir Anda bisa menggunakan

7. upgrade reaksi-asli.

Jika Anda telah mengikuti semua langkah yang disebutkan di atas dengan benar, aplikasi reaksi asli akan berhasil berjalan di ponsel Android. Tapi itu bisa memakan waktu beberapa detik atau menit tergantung pada lingkungan.

Metode 3

Anda juga dapat menggunakan Wi-Fi untuk menghubungkan aplikasi asli reaksi ke server pengembangan. Anda harus menggunakan kabel USB untuk menginstal program di ponsel cerdas Anda, tetapi setelah itu selesai, Anda dapat melakukan debug secara nirkabel dengan mengikuti petunjuk ini. Sebelum memulai, Anda memerlukan alamat IP saat ini dari mesin pengembangan Anda.

Buka terminal dan ketik /sbin/ifconfig untuk menemukan alamat IP mesin Anda.

  1. Pastikan sistem dan ponsel android Anda dalam keadaan sama Wi-Fi jaringan.
  2. Buka aplikasi React Native Anda di perangkat Anda.
  3. Anda akan melihat layar merah dengan kesalahan.
  4. Jangan khawatir, Ini OK.
  5. Buka sajian Developer dalam aplikasi.
  6. Pergi ke Pengaturan Pengembang Debug host server & port untuk perangkat .
  7. Ketikkan alamat IP mesin Anda dan port server pengembang lokal (mis. 10.0.1.1:8081).
  8. Kembali ke menu pengembang dan pilih Muat ulang JS .

Metode 4

Uji React Native Anda Tanpa Perangkat Android dan Tanpa Emulator

Mari kita lihat metode lain untuk menguji menjalankan aplikasi React Native, selain pendekatan yang telah kita periksa sejauh ini. Waldo adalah solusi pengujian pengembangan seluler yang tidak memerlukan pengkodean apa pun. Mudah digunakan dan tidak memerlukan konfigurasi yang panjang.

Waldo tersedia untuk dicoba secara gratis. Untuk bergabung, buka situs web mereka dan isi formulir. Setelah itu, Anda dapat menggunakan Waldo untuk menguji aplikasi React Native Anda dengan mudah.

Dorong Aplikasi React Native Anda ke Playstore

Anda telah membuat aplikasi hebat menggunakan React Native, dan sekarang Anda ingin merilisnya di Play Store. Prosesnya sama seperti aplikasi Android asli lainnya, dengan beberapa pertimbangan tambahan untuk dipertimbangkan.

Leave a Comment