Cấp bậc tác giả:

DOTNET

Học React Native bài 9: Chạy trên thiết bị Android

Được viết bởi webmaster ngày 06/11/2019 lúc 02:29 PM
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".
  • 0
  • 8123

Học React Native bài 9: Chạy trên thiết bị Android

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

react-native-13.jpg

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

react-native-14.png

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
  1. Đảm bảo Android và PC cùng Wifi network
  2. Mở React Native app
  3. Nhìn thấy lỗi màn hình đỏ như ở trên. OK tiếp
  4. Mở Developer Menu bằng cách lắc lắc Android
  5. Đến Dev Settings → Debug server host for device.
  6. Điền IP và port của máy PC vào (ví dụ 10.0.1.1:8081)
  7. Quay lại Developer menu và ấn Reload

Nguồn bài viết: Sưu tầm

BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

LIKE BOX

Bài viết được xem nhiều nhất

HỌC HTML