Pengkodean

Menjalankan Aplikasi React Native di Perangkat Android dan Emulator

Daftar Isi sembunyikan 1 Berikut ini adalah prasyarat untuk menjalankan aplikasi React Native di Android: 2 Apa itu...

Ditulis oleh Ashok Kumar · 4 min baca >
bereaksi asli menjalankan emulator Android

Garis Besar Dokumen

  1. Jalankan aplikasi reaksi asli di emulator Android
  2. Menjalankan aplikasi reaksi asli 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 cara menjalankan aplikasi react native di perangkat atau emulator Android. Jika Anda sudah memiliki driver yang diperlukan, menginstal emulator yang diperbarui, prosesnya sebenarnya cukup sederhana. Jika tidak, jangan khawatir; kami akan memandu Anda melalui proses penyiapan lingkungan Anda untuk menjalankan reaksi asli pada perangkat Android.

React Native adalah kerangka 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 React Native Teratas

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

  • Android Studio
  • JDK 8 (petunjuk instalasi 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 (disarankan HAXM 7.2.0 atau lebih baru)

Apa itu Emulator Android?

Android Emulator menyimulasikan perangkat Android di PC Anda, memungkinkan Anda menguji aplikasi di berbagai perangkat dan level API tanpa harus menggunakan ponsel Android. [sumber]

Emulator adalah program komputer yang memungkinkan Anda menguji aplikasi tanpa harus membeli perangkat sebenarnya. Perangkat Virtual Android memungkinkan Anda menyimulasikan 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 sebenarnya, React Native juga siap membantu Anda. Menghubungkan perangkat Android Anda ke PC yang Anda gunakan untuk pengembangan dan mengeluarkan perintah adalah satu-satunya hal yang diperlukan. Sebaliknya, menjalankan aplikasi React Native di Android memerlukan beberapa pengaturan awal.

Setelah Anda mengunduh prasyaratnya, Unduh android studio dan Jalankan

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

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

Metode 1

Instal Android Studio untuk Menjalankan React Native di Emulator Android

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

Instal Android Studio, lalu jalankan program dan ikuti petunjuk di layar untuk menyelesaikan instalasi.

Mengonfigurasi Variabel Lingkungan Untuk Perangkat Android React Native Run

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

Pengaturan Windows untuk bereaksi secara asli dijalankan di android

  1.  Buka panel kontrol (dalam tampilan kategori)
  2. Navigasikan ke Sistem dan Keamanan → Sistem.
Pengaturan Windows untuk bereaksi secara asli dijalankan di android

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

4. Buka jendela System Properties dari menu samping

jalankan aplikasi reaksi asli di emulator Android

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

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

Jendela Variabel Lingkungan untuk reaksi asli di Android

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

Halaman setelan Android Studio untuk penyiapan jalur

Buka AVD Manager dengan membuka Tools → AVD Manager di Android Studio. Untuk meluncurkan AVD Manager dari layar selamat datang Android Studio, navigasikan ke Konfigurasi → AVD Manage

Buat emulator baru jika belum disiapkan.

Buat emulator baru jika belum disiapkan.

 Klik pada “Buat Perangkat Virtual” dari bagian bawah layar AVD

bereaksi asli menjalankan perangkat virtual emulator Android

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 bagus untuk menguji aplikasi React Native Anda di ponsel Android asli jika Anda telah menyelesaikan bagian pengembangannya. Hal ini karena emulator sering kali berperilaku berbeda dibandingkan perangkat sebenarnya.

Langkah-langkah Menjalankan Aplikasi React Native di Perangkat Android

  1. Buka kunci perangkat Android Anda, Buka Pengaturan> Tentang Ponsel
  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 USB debugging
  4. Setelah selesai, pasang ponsel Android Anda dan lakukan perintah yang disebutkan di bawah ini.

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

1. adb devices
2. npx react-native run-android  or react-native run-android

If you get a “bridge configuration isn’t available” error. Then use below command to solve

Here you have to replace <device name> with your device name.

3. adb -s <device name> tcp:8081 tcp:8081

Now re-run the app using

4. react-native run-android

Forward requests from your device (Optional)

5. $ adb reverse tcp:8081 tcp:8081

If you're on a physical device connected to the same machine, 

6. run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device

If you've upgraded your version of react-native since generating your android project files, you might want to regenerate those now. I think you can use 

7. react-native upgrade.

Jika Anda telah mengikuti semua langkah yang disebutkan di atas dengan benar, aplikasi react native akan berhasil dijalankan di ponsel Android. Namun hal ini dapat 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 pada ponsel cerdas Anda, tetapi setelah selesai, Anda dapat melakukan debug secara nirkabel dengan mengikuti petunjuk berikut. Sebelum memulai, Anda memerlukan alamat IP mesin pengembangan Anda saat ini.

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

  1. Pastikan sistem dan ponsel Android Anda dalam keadaan aktif Wi-Fi yang sama jaringan.
  2. Buka aplikasi React Native di perangkat Anda.
  3. Anda akan melihat layar merah dengan kesalahan.
  4. Jangan khawatir, Ini tidak masalah.
  5. Buka menu Pengembang dalam aplikasi.
  6. Pergi ke Pengaturan Pengembang → Debug host & port server untuk perangkat.
  7. Ketikkan alamat IP mesin Anda dan port server pengembang lokal (misalnya 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 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, kunjungi 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 sekali merilisnya di Play Store. Prosesnya sama seperti aplikasi Android asli lainnya, dengan beberapa pertimbangan tambahan yang perlu dipertimbangkan.

Ditulis oleh Ashok Kumar
CEO, Pendiri, Kepala Pemasaran di Make An App Like. Saya Penulis di OutlookIndia.com, KhaleejTimes, DeccanHerald. Hubungi saya untuk mempublikasikan konten Anda. Profil
source_code_example-removebg-pratinjau

Untuk Apa MongoDB Digunakan?

Ashok Kumar in Pengkodean
  ·   3 min baca

Tinggalkan Balasan

Translate »