Bởi Panth Solanki
Như chúng ta đều biết, đã đến lúc học React Native. Có hai cách để phát triển nó như một tài liệu. Phần này tập trung vào việc tạo ứng dụng trong Expo, trực tiếp trên thiết bị Android của bạn mà không cần bất kỳ kết nối Internet nào trên thiết bị của bạn.
Tôi biết việc sử dụng ứng dụng Expo Client trên thiết bị của bạn có internet là rất dễ dàng, nhưng nếu bạn gặp vấn đề về internet thì sao? Bạn không muốn sử dụng MB hạn chế của mình để phát triển. Vậy điều gì sẽ xảy ra nếu kết nối WiFi trên thiết bị di động của bạn có vấn đề về độ ổn định hoặc bạn chỉ muốn phát triển ứng dụng theo phong cách cổ điển…hoặc bất kỳ lý do nào khác?
Hãy bắt đầu, quá trình này chỉ bao gồm ba bước nhỏ. Hãy nhớ rằng, nó chỉ dành cho việc phát triển trên hệ điều hành Windows và hướng tới hệ điều hành Android.
Yêu cầu trước khi thiết lập
Bạn cần cài đặt trình điều khiển adb trên PC của mình từ tại đây . Quy trình cũng có ở tại đây .
Sau khi hoàn tất quá trình, hãy kết nối điện thoại di động của bạn với PC. Mở Dấu nhắc lệnh và chạy lệnh adb devices. Nếu nó trả về tên thiết bị nào đó trong danh sách thiết bị, thế là thiết lập của bạn đã hoàn tất. Nhưng nếu không có tên nào hiển thị thì bạn cần cài đặt trình điều khiển adb đúng cách.
Lưu ý:Điện thoại di động của bạn phải BẬT gỡ lỗi USB trong tùy chọn nhà phát triển.
Cài đặt Ứng dụng Expo Client từ cửa hàng Play tại đây .
Thiết lập dự án React Native
Thực hiện theo các bước như được mô tả trong tài liệu tại đây .
Tôi chỉ sao chép các bước ở đây. Giả sử bạn có Node 10+ đã cài đặt, hãy chạy các lệnh sau:
npm cài đặt -g expo-cli
expo init AwesomeProject
cd Dự án tuyệt vời
npm bắt đầu
Các lệnh trên sẽ mở trình duyệt với http://localhost:19002 (nếu nó không tự động mở thì hãy mở thủ công).
Khi bạn mở localhost, nó sẽ hiển thị thông báo như Đường hầm đã sẵn sàng như sau:
Đường hầm sẵn sàng có nghĩa là đã đến lúc tạo ra phép thuật :)
Các bước sau thiết lập
Bây giờ là lúc kết nối thiết bị của bạn và mở một dấu nhắc lệnh khác để chạy các lệnh sau:
thiết bị adb // để tìm tên thiết bị của các thiết bị được kết nối của bạn
adb -s đảo ngược tcp:8081 tc p:8081 // cái này sẽ không in gì cả
Đi tới http://localhost:19002 trong trình duyệt và nhấp vào Chạy trên thiết bị/trình mô phỏng Android.
Nhấp vào Chạy trên thiết bị/trình mô phỏng Android để xem điều kỳ diệu trên thiết bị của bạn
Bây giờ bạn sẽ thấy các gói đang tải trên thiết bị của mình. Sau khi tải tất cả các gói, ứng dụng của bạn sẽ hiển thị trên thiết bị của bạn và trình duyệt của bạn sẽ có giao diện như sau:
Thanh bên sẽ hiển thị thiết bị của bạn
Bạn có thể gỡ lỗi ứng dụng của mình bằng cách nhấp vào nút trên cùng bên phải.
Nhấp vào nút trên cùng bên phải và bạn có thể xem dữ liệu nào được truyền tới thiết bị của mình.
Tôi sẽ rất vui nếu thông tin này hữu ích cho bạn dưới bất kỳ hình thức nào. Nếu bạn có bất kỳ câu hỏi nào, hãy bình luận — tôi sẽ rất sẵn lòng trợ giúp.
Cảm ơn đã đọc.
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu