image credit : equipmentworld.com

React Native run-android di Handphone Xiaomi

Afrijal Dzuhri
WonogiriDev
Published in
4 min readSep 13, 2017

--

Iseng iseng mainan hal baru di saat backlog kosong, eh malah dapet sesuatu yang bisa dibagikan dan sepertinya hal ini juga banyak yang menjadi pertanyaan di grup. Karena memang cara agar kita mengetahui langsung bagaimana kinerja app yang kita buat adalah mencobanya langsung ke dalam real device, dan dengan itu diperlukan beberapa konfigurasi yang dapat menjadikan device yang akan kita gunakan dapat terhubung dengan baik. Dan ketika teman-teman mencoba menjalankan aplikasi yang sudah dibuat menggunakan React Native ke dalam handphone, lalu muncul tulisan seperti ini.

BUILD FAILEDTotal time: 8.105 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

Maka teman-teman berada dipostingan yang tepat, karena saya juga mendapatkan seperti itu sebelumnya, padahal device sudah terkoneksi.

Oleh karena itu, pertama yang kita harus lakukan adalah memastikan bahwa kodingan kita tidak error, dengan menjalankannya dengan Android Virtual Device atau Genymotion atau virtual devices yang lain. Jika masih terdapat error maka sebaiknya teman-teman membenahinya terlebih dulu. hehe

Kemudian colokkan HP Xiaomi kita dengan laptop, disini saya menggunakan HP Xiaomi Redmi 4x dan usb bawaan. Lalu pilih mode

Use USB for Transfer file

Agar laptop kita dan Handphone yang kita gunakan bisa saling bertukar data dan informasi.

Kemudian masuk ke USB debugging

USB Debugging

Untuk masuk ke developer options dan mengatur segala hal yang perlu diizinkan saat melakukan debugging. Jika tidak ada, maka teman teman bisa masuk melalui Setting - Additional Setting - Developer options .

Nyalakan developer option agar semua pengaturan dapat terbuka

Dan pilih OK agar kita dapat melakukan pengaturan untuk pengembangan.

Pertama temen-temen harus menonaktifkan MIUI Optimization dulu, posisinya di developer option paling bawah agak keatas, baris ketiga dari bawah kalo menggunakan HP saya.

Foto diatas sudah dalam keadaan nonaktif, jadi temen-temen tinggal menonaktifkan Turn on MIUI Optimization tersebut lalu pilih OK untuk reboot.

Setelah proses reboot selesai, kembali ke developer options dan lakukan pengaturan di bawah ini.

Pilih USB debugging untuk mengaktifkannya,

Dan pilih OK lagi untuk memperbolehkan sistem melakukan debugging menggunakan USB

USB debugging

Kemudian pilih juga Install via USB agar apps langsung terinstall saat kita menjalankan appnya

Dan pada saat kita mengaktifkan USB debugging (Secutity Settings), maka akan muncul peringatan seperti berikut

peringatan saat memilih usb debugging setting

Tunggu waktu yang diberikan, lalu klik Next Step sampai selesai

Dan terakhir pilih accept.

Jangan lupa juga untuk mengaktifkan verify apps over USB.

Jika semua pengaturan yang diperlukan sudah aktif, dan handphone temen-temen dalam keadaan tersambung dengan laptop maka temen temen tinggal mengecek apakah device untuk debuggingnya sudah terhubung atau belum, dengan cara ketikkan seperti di bawah ini di dalam terminal.

adb devices

Jika device sudah tersambung maka akan menampilkan seperti ini

Jika temen temen belum menginstall adb, untuk menginstallnya ketikkan perintah

sudo apt install android-tools-adb

Dan lakukan perintah seperti yang diatas lagi.

Setelah device tersambung, maka jalankan aplikasi kita dengan

react-native run-android

Maka aplikasi yang kita buat akan jalan di handphone xiaomi kita.

Sekian dari saya, jika ada masukkan dan pertanyaan silakan hubungi saya,

Terima kasih..

--

--