Cara Menjalankan Aplikasi React Native CLI di HP Android Fisik (Step by Step)

Ingin mencoba aplikasi React Native langsung di HP Android tanpa emulator? Berikut panduan lengkap, mulai dari instalasi hingga aplikasi berjalan di perangkat fisik!


1. Persiapan Tools & SDK

a. Install Node.js dan npmDownload dan install dari nodejs.org.b. Install Android SDK

  • Anda tidak wajib install Android Studio, cukup download Android SDK Command Line Tools.
  • Ekstrak ke folder, misal:

D:\SDK\android\cmdline-tools\latestc. Download dan Ekstrak NDK

  • Download NDK dari situs resmi Android NDK.
  • Ekstrak ke:
D:\SDK\android\ndk\27.1.12297006

(Pastikan nama folder sesuai versi di file source.properties)


2. Setting Environment Variable

Agar sistem mengenali SDK & NDK, tambahkan environment variable:

  • ANDROID_HOME
D:\SDK\android
  • ANDROID_NDK_HOME
D:\SDK\android\ndk\27.1.12297006
  • PATH

Tambahkan:

D:\SDK\android\platform-tools
D:\SDK\android\cmdline-tools\latest\bin

Cara menambah environment variable:

  1. Klik kanan “This PC” → Properties → Advanced system settings → Environment Variables.
  2. Tambahkan variable di bagian System Variables.
  3. Restart komputer agar perubahan terbaca.

3. Inisialisasi Project React Native

Buka terminal di folder kerja, lalu jalankan:

npx @react-native-community/cli@latest init NamaProject
cd NamaProject


4. Hubungkan HP Android ke PC

  • Aktifkan Developer Mode di HP:

Settings → About Phone → tap “Build Number” 7x.

  • Aktifkan USB Debugging:

Settings → Developer Options → USB Debugging ON.

  • Hubungkan HP ke PC dengan kabel USB.
  • Pastikan HP terdeteksi:
adb devices

Jika muncul device ID, berarti sudah terhubung.


5. Build & Jalankan Aplikasi ke HP

  • Jalankan Metro Bundler (opsional, biasanya otomatis):
npx react-native start
  • Build & install ke HP:shApply to build.gradle   
npx react-native run-android

6. Jika Gagal Install APK di HP

Jika muncul error seperti:

INSTALL_FAILED_USER_RESTRICTED: Install canceled by user

Lakukan:

  • Aktifkan “Install via USB” di Developer Options HP.
  • Izinkan “Install unknown apps” untuk ADB.
  • Uninstall aplikasi lama jika sudah pernah install.
  • Cek notifikasi di HP, izinkan instalasi jika diminta.

7. Selesai!

Jika semua langkah benar, aplikasi React Native Anda akan otomatis terinstall dan terbuka di HP fisik.


Tips Tambahan

  • Jika build gagal karena NDK, pastikan folder NDK sudah di path yang benar dan namanya sesuai versi di build.gradle.
  • Untuk development lebih mudah tanpa setup native, bisa gunakan Expo CLI.

Selamat mencoba!Jika ada pertanyaan atau error, tulis di kolom komentar!

Categories:

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *