Hướng dẫn cài đặt React Native trên ubuntu

Hướng dẫn cài đặt React Native trên ubuntu, hướng dẫn chi tiết đơn giản

 

React Native là một framework mã nguồn mở lên nó có thể chạy được trên hệ điều hành ubuntu một cách rất đơn giản

Trên hệ điều hành Ubuntu, thì React Native chỉ có thể build ứng cho hệ điều hành Android, để học tập React Native mình nghĩ chỉ cần sử dụng Ubuntu là đủ dùng tốt rồi

Để build ứng dụng React Native cho android nó dựa vào bộ Android SDK, nên chúng ta lên tải cả bộ Android Studio về, trong bộ cài mặc định có luôn Android SDK rồi

1, Cài đặt Android Studio trên ubuntu 

Bấm vào đây để xem hướng dẫn cài đặt 

Lưu ý: Khi chạy máy ảo mà bị lỗi  dev/kvm không có quyền truy cập thì bạn cần chạy android studio với quyền admin

Sau đó nhớ cài bản SDK mới và cài emulator nhé

2, Set up Android SDK cho terminal

Set up cho SDK có thể chạy được trên terminal là một bước khá quan trọng các bạn chú ý nhé

Bật terminal lên gõ lệnh sau:

nano ~/.bash_profile

Thêm config đường dẫn của Android SDK vào:

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

Trong đó $HOME/Android/Sdk là đường dẫn tới thư mục chứa SDK, bạn có thể vào SDK Manager trong Android Studio để xem

Bấm

Ctrl + O -> Enter

Ctrl + X


Bật terminal gõ:

source ~/.bash_profile

3, Cài đặt React Native 

Đầu tiên chúng ta cần cài đặt Nodejs: Bấm vào đây để xem hướng dẫn cài đặt

Sau khi đã cài đặt Nodejs thành công chúng ta tiến hành cài đặt React Native thôi nào:

Bật terminal lên và làm theo những lệnh sau:

npm i -g react-native-cli

Cài xong React Native chúng ta thử tạo một project mới và build thử ra máy ảo của android studio bằng lệnh

mkdir studyreactnative
cd studyreactnative

// tạo project mới
react-native init demoapp
cd demoapp

// chạy project 
react-native run-android

Lưu ý: Chạy lệnh build ứng dụng cho máy ảo Android mà lỗi rất có thể do bạn chưa cài bản SDK cần thiết, bạn có thể bật project React Native bằng Android Studio để kiểm tra xem project có vấn đề gì không