Hiện nay thì các thiết bị di động thông minh rất phổ biến. 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 Show React Native là gì?
Setup môi trường với ExpoỞ phần trên mình đã giới thiệu qua React Native là gì? Để tìm hiểu thêm về các thông tin về Trong phần này thì mình sẽ giới thiệu cách đơn giản để setup môi trường để chúng ta có thể dev với Expo. Expo là gì?
Setup môi trườngCài đặt ExpoExpo CLI là một ứng dụng dòng lệnh là giao diện chính giữa nhà phát triển và các công cụ Expo. Expo CLI cũng có GUI dựa trên web bật lên trong trình duyệt web của bạn khi bạn bắt đầu dự án của mình Trước khi cài đặt thì đảm bảo rằng bạn đã cài đặt
Sau đó chỉ cần một câu lệnh đơn giản là chúng ta đã tạo xong base cho một project React Native cơ bản:
Sau đó start development server:
Sau khi start thì trên trình duyệt của chúng ta sẽ có giao diện như sau: 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. 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
Tiếp theo, chúng ta sẽ cài đặt máy ảo để chạy ứng dụng: Chúng
ta chọn Ở đâ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 Sau đó bạn check
Từ thư mục android SDK platform-tool:
Sau copy
Sau 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 Tương tự với Android Emulator với iOS Emulator chúng ta sẽ cài đặt Chạy ứng dụng trên máy thậtCác bạn để ý thì khi chạy server
Để 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ậnTrong 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 Tài liệu tham khảo:
|