Hiện nay thì các thiết bị di động thông minh rất phổ biến.

Bạn đang xem: Expo là gì

Với vô vàn ứng dụng miễn phí và những trải nghiệm tuyệt vời. Về OS phổ biến nhất hiện nay cho thiết bị thông minh là iOS và Android. Khi xây dựng một ứng dụng thì sẽ rất nhiều nhà phát triển phân vân chọn IOS hay là Android. Với nhu cầu phát triển đa nền tảng thì React Native ra đời. Trong bài viết này mình sẽ cùng các bạn tìm hiểu một số điều cơ bản về React Native và setup môi trường với Expo. Bắt đầu nào
*

trên terminal:

*

Như chúng ta thấy sẽ có các option cho chúng ta chạy build ở các nền tảng khác nhau và expo còn support chúng ta publish ứng dụng của chúng ta

Chạy ứng dụng trên giả lập Android

Để chạy ứng dụng mobile để test chúng ta có thể sử dụng ứng dụng giả hoặc máy thật để chạy ứng dụng.

Xem thêm: Năm Cam (Kỳ 1): Con Đường Trở Thành 'Ông Trùm' Giang Hồ Sài Gòn

Trong phần này mình sẽ giới thiệu cách cài đặt và chạy ứng dụng trên Android emulator

Đầu tiên, các bạn cài đặt ứng dụng Android Studio. Android Studio sẽ hỗ trợ chúng ta các SDk cũng như Emulator cho chúng ta.

Sau khi cài đặt xong, chúng ta vào SDK manager:

*

Giao diện quản lý SDK sẽ như sau:

*

Ở tab SDK Platforms sẽ có phiên bản ổn định của Android mà chúng ta đã cài đặt. Bên cạnh là tab SDK Tools, sẽ có các công cụ để chúng ta có thể run ứng dụng

*

Sau đó các bạn copy path Android Location:

*

Hiện tại mình đang sử dụng linux mình sẽ mở file /.bashrc hoặc ~/.bash_profile và thêm path Android SDK Location vào với nội dung như sau:

export ANDROID_SDK=/home/ly-huynh/Android/SdkTiếp theo, chúng ta sẽ cài đặt máy ảo để chạy ứng dụng:

*

Chúng ta chọn AVD Manager:

*

Ở đây sẽ có các máy ảo mà chúng ta đã cài đặt, bạn có thể cài đặt máy ảo mới bằng cách bấm vào Create Virtual Device và cài đặt máy ảo mà muốn.

Sau đó bạn check adb xem đã cài đặt hay chưa và kiểm tra xem có thể có nhiều version trên máy của bạn:

adb versionTừ thư mục android SDK platform-tool:

cd ~/Android/sdk/platform-tools./adb versionSau copy android/Sdk/platform-tools/adb vào thư mục /usr/bin:

sudo cp ~/Android/Sdk/platform-tools/adb /usr/binSau khi các bước chuẩn bị đã hoàn tất thì chúng ta sẽ chạy máy ảo mà chúng ta đã cài đặt lên. Ở giao diện web chúng ta chọn Run on Android device/emulator hoặc ở Terminal chúng ta gõ phím a. Sau đó kiểm tra lại máy ảo, ứng dụng sẽ được cài đặt mà chạy trên đó

Tương tự với Android Emulator với iOS Emulator chúng ta sẽ cài đặt XCode

Chạy ứng dụng trên máy thật

Các bạn để ý thì khi chạy server expo start sẽ có một mã QR code. Ở đây chúng ta sẽ có các option:

Tunel: Cho phép các thiết bị di dộng khác mạng LAN chạy ứng dụng của chúng ta trên Expo ở máy đóLAN: Chỉ cho phép các thiết bị di dộng cùng mạng LAN chạy ứng dụng của chúng ta trên Expo ở máy đóLocal

Để chạy test ứng dụng Expo trên máy thật chúng ta sẽ phải cài ứng dụng Expo. Sau đó chỉ cần mở ứng dụng Expo lên mà quét mã QR Code là chúng ta có thể test

Kết luận

Trong bài viết này mình đã giới thiệu với các bạn cách để dễ dàng setup môi trường development React Native đơn giản với Expo. Cảm ơn các bạn đã theo dõi bài viết

*

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *