Tìm hiểu về firebase, hướng dẫn cách làm 1 project ghi chú đơn giản với React Native + Firebase

- Trong bài này chúng ta sẽ tìm hiểu firebase là gì, ứng dụng của firebase? - Làm 1 ứng dụng ghi chú đơn gỉan với firebase - link source code: https://github.com/Dung1128/NoteFirebase - link video hướng dẫn chi tiết: https://www.youtube.com/watch?v=3Ksykfxs5P8&feature=youtu.be

I. Firebase là gì?

- Đó là một dịch vụ cơ sở dữ liệu thời gian thực hoạt động trên nền tảng đám mây được cung cấp bởi Google nhằm giúp các lập trình phát triển nhanh các ứng dụng bằng cách đơn giản hóa các thao tác với cơ sở dữ liệu.

GG FireBase bao gồm việc

 + Lưu trữ dữ liệu thời gian thực.
 + Xác thực người dùng
 + Firebase hosting

1. Dữ liệu thời gian thực - Firebase Realtime Database

2. Xác thực người dùng: Firebase đã xây dựng chức năng cho việc xác thực người dùng với Email, Facebook, Twitter, GitHub, Google, và xác thực nạc danh. Nó giúp bạn nhiều trong việc xác thực người dùng.

3. Những đặc điểm nổi bật của Firebase

- Cơ sở dữ liệu NoSQL.
- Khi thiết bị khôi phục kết nối, Realtime DB sẽ tự động đồng bộ hóa các thay đổi trong dữ liệu local với các bản cập nhật từ xa xảy ra khi client ở trạng thái offline, Tự động tích hợp nếu có xung đột.
Realtime Database API được thiết kế để cho phép hoạt động chỉ có thể được thực hiện trong một thời gian ngắn.
- Firebase Realtime Database Security Rules cung cấp một ngôn ngữ quy tắc dựa trên biểu thức linh hoạt xác định cấu trúc dữ liệu và thời gian để cho phép đọc và ghi dữ liệu.

- Tất cả dữ liệu được truyền qua một kết nối an toàn SSL với một chứng nhận 2048-bit.

- Dữ liệu sẽ được cung cấp cho bạn dưới dạng JSON và luôn đồng bộ thời gian thực đến mọi kết nối client.
- Với các ứng dụng đa nền tảng tất cả các client sẽ đề sử dụng chung 1 DB và luôn được tự động cập nhật dữ liệu mới nhất.

- Dữ liệu được lưu trữ ở local trong khi offline và thực hiện đồng bộ khi dc kết nối

II. Lợi ích mà GG firebase mang lại cho bạn.

1. Triển khai ứng dụng cực nhanh: Firebase cung cấp cho bạn khá nhiều các API, hỗ trợ đa nền tảng giúp bạn tiết kiệm thời gian quản lý cũng như đồng bộ dữ liệu cung cấp hosting, hỗ trợ xác thực người dùng thì việc triển khai ứng dụng sẽ giảm được rất nhiều thời gian phát triển.

2. Bảo mật: Với việc sử dụng các kết nối thông qua giao thức bảo mật SSL hoạt động trên nền tảng cloud đồng thời cho phép phân quyền người dùng database bằng cú pháp javascipt cũng nâng cao hơn nhiều độ bảo mật cho ứng dụng của bạn.

3. Sự ổn định: Firebase hoạt động dựa trên nền tảng cloud cung cấp bởi Google do đó hãy yên tập về việc một ngày đẹp trời nào đó server ngừng hoạt động hay như DDOS hoặc là tốc độ kết nối như rùa bò. Một điều đáng lưu ý nữa đó là do hoạt động trên nền tảng Cloud vì vậy việc nâng cấp hay bảo trì server cũng diễn ra rất đơn giản mà không cần phải dừng server.

III. Hướng dẫn làm 1 ứng dụng ghi chú cơ bản với React Native + Firebase

1. Kết nối React Native với Firebase

- Bước 1: Tạo project trên Firebase và React Native

- Bước 2: Vào setting project trên Firebase lấy cấu hình kết nối

- Bước 3: import vào trong React Native

import * as firebase from 'firebase';

var config = {
  apiKey: 'AIzaSyBDSaI61Yrb9vVA2Qalf7g9FJqLJbNhBow',
  authDomain: 'note-a8b00.firebaseapp.com',
  databaseURL: 'https://note-a8b00.firebaseio.com',
  projectId: 'note-a8b00',
  storageBucket: 'note-a8b00.appspot.com',
  messagingSenderId: '252593496999'
};
export const firebaseApp = firebase.initializeApp(config);

- Bước 4: Cấu hình trỏ vào database, đọc các node

this.database = firebaseApp.database();
this.Note = this.database.ref('note').child('dataNote');

- Như ở đây ta sẽ được được node note => trỏ vào node con là dataNote

- Bước 5: Sử dụng các phương thức của firebase để thêm, sửa, xoá, hiện dữ liệu vào trong ứng dụng.

- Thêm dữ liệu ta dùng phương thức push()

this.Note.push({
     //data
    });

- Sửa dữ liệu ta dùng phương thức update() với key là key được chỉ định

this.Note.child(key).update(data);

- Xoá dữ liệu theo key ta có phương thức remove()

this.Note.child(key).remove()

- Chú ý: Một số hình ảnh, video và source code xin vui lòng truy cập theo link phần mô tả

Link tham khảo:

https://techtalk.vn/tim-hieu-ve-google-firebase.html

https://blog.vietnamlab.vn/2017/09/05/firebase-p3-firebase-realtime-database/

https://viblo.asia/p/lam-viec-voi-firebase-realtime-database-ZjlvalVXkqJ

 

Bài liên quan

Tìm hiểu về firebase, hướng dẫn cách làm 1 project ghi chú đơn giản với firebase

- Trong bài này chúng ta sẽ tìm hiểu firebase là gì, ứng dụng của firebase? - Làm 1 ứng dụng ghi chú đơn gỉan với firebase - link source code: https://github.com/Dung1128/NoteFirebase - link video hướng dẫn chi tiết:

Nguyễn Dũng viết 23:18 ngày 13/09/2018

Tìm hiểu về Firebase Realtime Database

Realtime Database một service của Firebase. Theo định nghĩa trong tài liệu của firebase thì Realtime Database là: Store and sync data with our NoSQL cloud database. Data is synced across all clients in realtime, and remains available when your app goes offline. The Firebase Realtime Database ...

Tạ Quốc Bảo viết 09:27 ngày 07/09/2018

Cùng tìm hiểu về Firebase Cloud Firestore

Cloud Firestore là một Database linh hoạt và dễ mở rộng cho mobile, web và server được phát triển từ Firebase and Google Cloud Platform. Cũng giống như Firebase realtime database Cloud Firestore giúp cho việc đồng bộ dữ liệu giữa các ứng dụng phía client một các nhanh chóng (Realtime) và hộ trợ lưu ...

Bùi Văn Nam viết 16:40 ngày 12/08/2018

Tìm hiểu game framework Phaser qua việc làm một game infinite scrolling đơn giản

Phaser là một framework làm game HTML5 khá thú vị và dễ sử dụng. Bài viết này mình sẽ giới thiệu cách làm một game infinite scrolling đơn giản sử dụng framework này. Game của chúng ta bao gồm một nhân vật chạy xuyên suốt game và tránh các vật cản sinh ra ngẫu nhiên bằng cách nhảy qua chúng. Điều ...

Hoàng Hải Đăng viết 14:46 ngày 12/08/2018

Tìm hiểu về Regular Expression trong PHP (phần 1)

Regular Expression Regular Expression viết tắt là RegEx là biểu thức chính quy được dùng để xử lý chuỗi thông qua biểu thức riêng của nó, những biểu thức này sẽ có những nguyên tắc riêng và bạn phải tuân theo nguyên tắc đó thì biểu thức của bạn mới hoạt động được. 1. Sử dụng trong PHP Dùng ...

Hoàng Hải Đăng viết 14:22 ngày 12/08/2018
+6