Trong mục này tôi sẽ hướng dẫn chạy trên máy ảo Android và trên thiết bị Android thật. Nhưng tôi khuyên bạn hãy thử trên thiết bị thật là tốt nhất vì đơn giản là "Ảo không tốt bằng thật".
Việc đầu tiên phải kiểm tra là thiết bị Android của bạn Wifi hoạt động tốt vì sắp tới bạn sẽ dùng chủ yếu bằng Wifi
Thứ 2, chọn dây cáp Android thật tốt rồi cắm Android vào máy tính của bạn thôi
1. Bật USB debugging
Đầu tiên, thiết bị Android của bạn phải ở chế độ "Developer option". Bạn Vào Settings → About phone và click Build number 7 lần.
Sau đó, vào Settings → Developer options và chọn "USB debugging"
2. Kiểm tra connect với Android
Để chắc chắn rằng Android của bạn đã kết nối với PC, thực ra là ADB mới đúng thì bạn gõ lệnh sau trên CMD adb devices
>>adb devices
List of devices attached
emulator-5554 offline # Google emulator
14ed2fcc device # Physical device
Hiện dòng tương tự như thế này thì bạn đã thành công 14ed2fcc device
3. Run app
Gõ lệnh sau trên CMD để cài và chạy app react-native run-android
Nếu bạn chạy xong lệnh này mà hiện lỗi sau
Hiện lỗi đến đây thì bạn đang làm đúng hướng dẫn rồi đấy.
4. Kết nối với development server
Đến bước này phải chắc chắn là
- USB debugging đã bật
- Android đã connect với PC
- Android và PC cùng chung 1 mạng nhé
a) Cách 1: Dùng adb reverse (khuyên phải dùng)
Cách này dùng cho Android 5.0 (Lollipop) trở lên chạy lệnh trên CMD như sau:
adb reverse tcp:8081 tcp:8081
Sau đó bạn lắc Android để hiện Developer menu như dưới đây
Và từ đây bạn đã biết 1 cách chạy lại app mới là lắc máy nhé. Bất kỳ đoạn code thay đổi nào bạn không cần build lại app nữa mà bạn chỉ cần lắc lắc Android thì code mới sẽ được cập nhật trên thiết bị của bạn
b) Cách 2: Kết nối thông qua Wifi
Đầu tiên xem IP của máy PC bạn
- Đảm bảo Android và PC cùng Wifi network
- Mở React Native app
- Nhìn thấy lỗi màn hình đỏ như ở trên. OK tiếp
- Mở Developer Menu bằng cách lắc lắc Android
- Đến Dev Settings → Debug server host for device.
- Điền IP và port của máy PC vào (ví dụ 10.0.1.1:8081)
- Quay lại Developer menu và ấn Reload