Tích hợp Firebase ReactNative – Phần 1

Firebase là 1 dịch vụ của Google dành cho các lập trình viên, nhà phát triển ứng dụng di động, game hay web.

Firebase cung cấp nhiều tiện ích nổi bật như : Real time Database,
Cloud message, Authentication, File store, Hosting, Test Lab…

Trong bài hôm nay Thầy sẽ hướng dẫn các em tích hợp Firebase vào project React native và sử dụng Real time Database để làm 1 ứng dụng thêm, sửa, xóa, Quản lý sinh viên đơn giản.

Mọi người có thể tham khảo thêm tài liệu gốc tại link này nhé

  • Cài đặt Firebase SDK

Để bắt đầu với Firebase các em cần cài đặt thêm thư viện Firebase cho project ReactNative bằng câu lệnh sau : (Lưu ý câu lệnh cần được gõ khi CMD đang ở thư mục project nhé)

npm install --save firebase

Sau khi chương trình chạy thành công sẽ hiển thị như sau :

Để khai báo sử dụng Firebase trong project, các em cần đăng kí và copy 1 số thông số sau :

Mọi người truy cập vào đường link này để đăng kí và tạo 1 project Firebase nhé .

Các bước tạo và đăng kí Firebase

Click “Add project”
Điền tên ứng dụng và tích các ô đồng ý điều khoản sử dụng của Google và nhấn “Create project”.
Tại màn hình quản trị, chúng ta chọn Project Overview -> Project settings.
Tại màn hình Project Settings. Click Icon cạnh icon hình Android và copy các thông số vào Project

Các em tạo sẵn 1 project mới và copy code trên vào file App.js. Ta được file như sau :

Sau khi chạy ứng dụng mà không báo lỗi gì, có nghĩa chúng ta đã khởi tạo và kết nối Firebase thành công. Các bạn đọc bài tiếp theo Thầy hướng dẫn cách hiển thị dữ liệu, thêm, sửa, xóa từ Realtime Database nhé. Chúc các e 1 ngày làm việc vui vẻ 🙂