Hướng dẫn dùng firebase

      52

Trong bài này bọn họ cùng nhau học cách áp dụng Realtime Database Firebase bằng phương pháp đọc với gửi tài liệu từ ESP32 và tiện ích lên. Bên nhau tìm hiểu kết cấu dữ liệu của Firebase Realtime Database, biện pháp tạo và điều khiển và tinh chỉnh nó.

Bạn đang xem: Hướng dẫn dùng firebase


Cách sử dụng FirebaseKết nối ESP32 với Firebase truyền thừa nhận dữ liệuLập trình ESP32 truyền dữ liệu lên FirebaseGiao tiếp giữa App game android và Realtime Database FirebaseThiết kế giao diện tinh chỉnh và điều khiển trên AppKết

Cách sử dụng Firebase

Tạo project bên trên firebase

*

Sau kia ta Go to lớn console với giao diện như tiếp sau đây và chọn Create a project để ban đầu dự án của chúng ta

*

Ta địa chỉ project

*

Đặt tên cho Project

*

Chọn continue

*

Tiếp theo ta chọn Default tài khoản for Firebase và Create project

*

Sau kia ta đợi Firebase khởi sinh sản project của bọn chúng ta

*

Cuối thuộc Firebase sẽ dẫn ta đến đồ họa như sau:

*

Khởi sinh sản và thiết đặt Firebase Realtime Database

Ở đây ta sẽ sử dụng Services Realtime Database của Firebase với mục tiêu làm cơ sở tài liệu để những client hoàn toàn có thể tương tác qua lại.

Đầu tiên ta Create Realtime Database

*

Ở trên đây ta chọn mặc định và next

*

Bước tiếp theo sau :

Nếu ta đang phát triển dự án với mục tiêu để kiểm tra các công dụng thì ta chọn kiểm tra mode, nhưng mà database của họ sẽ sinh hoạt trạng thái open trong 30 ngày đầu tiênNgược lại lúc ta đề nghị một database để phục vụ cho mobile tiện ích hoặc những ứng dụng web phê chuẩn thì ta lựa chọn locked mode với database của chúng ta sẽ ở chính sách private với dưới những rules mà họ thiết lập (ở đây ta lựa chọn locked mode với Enable)

*

Khởi tạo cấu trúc dữ liệu cho Realtime Database Firebase

Giao diện của Database của chúng ta hiện tại chưa tồn tại một trường dữ liệu và tài liệu nào.

*

Tiếp theo ta sẽ tạo nên ra trường tài liệu và gán dữ liệu theo giải pháp thủ công bằng cách nhấn vào dấu cộng (add child)

*

Ta tạo thành trường esp32 với esp32 – string kế tiếp gán tài liệu theo giao diện ta muốn

Dữ liệu rất có thể là hình trạng int, string, float… phụ thuộc vào dữ liệu thuở đầu bạn nhập vào.

*

Trong bài xích này, ta sẽ tạo nên Database như sau

*

Realtime Database Firebase có cấu trúc kiểu thân phụ – con. Tựa như như cấu trúc của chuỗi JSON. Vậy nên bạn cũng có thể thay thay đổi 1 tài liệu hoặc toàn bộ dữ liệu bằng cách gửi chuỗi JSON lên Database.

Tùy vào mục đích ta rất có thể thiết kế Database tinh vi hơn bằng phương pháp ấn vào dấu cùng như trên cùng ta được hiệu quả như ảnh minh họa bên dưới đây

*
Cấu trúc dữ liệu của Realtime Database Firebase

Kết nối ESP32 cùng với Firebase truyền dấn dữ liệu

Thêm tủ sách và kết nối với Realtime Database Firebase

Ta mở phần mềm Arduino IDE để bắt đầu code mang đến module esp32 của bọn chúng ta, kế tiếp ấn tổ hợp phím Ctrl + N để tạo thành trang new như sau:

*

Ta vào Library Manager và tải gói tủ sách Firebase của Mobizt

*

Tiếp theo ta thêm các thư viện quan trọng (ở phía trên ta sẽ code đến module esp32-cam) và thư viện FirebaseESP32.h

*

Tiếp theo để sử dụng Firebase cùng với esp32 thì ta đề xuất lấy host và đường dẫn đến Database của họ để cập nhật vào code

Trong mục Project settings ta triển khai lấy mã Firebase Authentication.

*

Vào thẻ Service accounts để lấy secrets code:

*

Trong mục Realtime Database ta lấy đường dẫn truy xuất mang lại Database.

*

Trong code ta thực hiện khai báo Host và Authentication cho module với khai báo biến trung gian để truy xuất cho Firebase

*

Lập trình ESP32 truyền dữ liệu lên Firebase

Đầu tiên, cập nhật WiFi cho esp32, là wifi mà nơi các bạn sử dụng

*

Trong Setup() … ta tiến hành kết nối WiFi

*

Để kết nối đến Firebase thì ta sử dụng lệnh sau:

*

Get dữ liệu từ Firebase về ESP32

Tạo trở nên data5base để lưu quý hiếm get được từ Firebase về.

Ta thực hiện tính năng get bằng lệnh Firebase.getInt(địa chỉ firebase, vị trí)

Sau kia lấy quý giá trả về giữ vào data5base 

Push dữ liệu từ ESP32 lên Firebase

Tạo 1 String thương hiệu truongthaydoi đó là đường mang đến vị trí esp32-string. Chúng ta sẽ push dữ liệu từ Esp32 lên đó.

Xem thêm: Tìm Hiểu Về Hệ Thống Quản Lí Cơ Sở Dữ Liệu Mysql Là Gì, Mysql Là Gì

Sử dụng hàm Firebase.setString(địa chỉ firebase, vị trí, dữ liệu)

Lúc này ESP32 đang đẩy dữ liệu lên firebase.

*

Kết quả

Ta đang push được data giao diện string “huy” lên trường esp32-string và get được giá trị 10 tự DB về.

*

Ta cũng hoàn toàn có thể gửi data lên ngôi trường esp32 cùng đọc về ngược lại bằng hàm setInt.

*

Hoặc các chúng ta có thể thay thay đổi trực tiếp bên trên database, esp32 sẽ tự động đọc được.

Như vậy là chúng ta đã rất có thể giao tiếp thân Esp32 và Firebase rồi. Để một khối hệ thống IOT trả thiện chúng ta cần có tiện ích để kết nối lên nữa. Vậy liên kết từ ứng dụng với Firebase như vậy nào, cùng đọc tiếp nhé!

Giao tiếp giữa App app android và Realtime Database Firebase

Tạo project và setup gói tủ sách Firebase

Ta sẽ tạo ra một di động app đơn giản dễ dàng bằng game android Studio, thứ nhất khởi động môi trường Android studio lên và chọn New Project

*

Tiếp theo ta thấy không ít giao diện nhằm lựa chọn, nhưng tại chỗ này ta chọn Empty Activity cùng Next

*

Bước cuối ta khắc tên cho vận dụng và lựa chọn thư mục nhằm lưu dự án của chúng ta, với Finish

*

Sau khi khởi tạo ra Project trên game android Studio sau đó ta chuyển đến MainActivity cùng ở mẫu package để đưa Android package name

*

Sau kia ta trở lại Firebase và bước đầu các bước để rất có thể tích vừa lòng vào Mobile tiện ích của bọn chúng ta

Ở giao diện chính trong project ta chọn app android để tích hòa hợp Firebase

*

Điền Package Name của ứng dụng app android trên android Studio vào ô dưới, kế tiếp Register app

*

Firebase cung cấp file .json và yêu cầu họ coppy tệp tin này mang lại thư mục tiện ích trong project mobile ứng dụng của bọn chúng ta

*

Download tệp tin .json nhưng Firebase hỗ trợ về nhằm vào thư mục ứng dụng của Android, tiếp đến next

*

Tiếp theo Firebase hướng dẫn chúng ta địa chỉ Firebase SDK vào app Android, ta làm theo hướng dẫn

*
 
*

Trong mục build.gradle (project) ta thêm ở trong phần dependencies chiếc classpath ‘com.google.gms:google-services:4.3.10

*

Trong build.gradle (Module) ta thêm tại vị trí plugins chiếc id ‘com.google.gms.google-services’

*

Vẫn trong build.gradle (Module) thêm làm việc dependencies 2 thư viện

*

Cuối cùng ta lựa chọn Continue khổng lồ console để trở lại giao diện console

*

Thiết kế giao diện điều khiển trên App

Ta sẽ ban đầu thiết kế đồ họa cho tiện ích trong activity_main.xml bằng phương pháp kéo thả các thành phía bên trong Palette bao gồm:

2 Button : Push với Get1 editText: Để nhập vào tài liệu gửi đi1 textView: Để coi gữ liệu get về

*

Ta đang đặt id đến từng yếu tắc và thiết lập kích thước chữ ở đoạn Attributes (ngoài ra có tương đối nhiều thuộc tính ta bao gồm thể chuyển đổi tùy vào mục đích)

*

*

Sau khi thêm bớt và chỉnh sửa giao diện ta trở lại MainActivity

Trong MainActivity ta khai báo 2 đổi thay database và mDatabase (để truy xuất mang đến đường đem vào cơ sở dữ liệu)

Khi ta thêm bớt những biến của Firebase thì android Studio vẫn tự địa chỉ cửa hàng các library cho cái đó ta.

*

Lệnh truy tìm xuất mang lại trường ta ý muốn muốn: (VD ở đó là trường esp32)

*

Setup các trường dữ liệu và địa chỉ cửa hàng database

Đầu tiên bọn họ ánh xạ những nút nhấn và text vào những biến.

Gán mDatabase cho add của firebase trên internet (dẫn tới các đại lý dữ liệu)

Push tài liệu từ phầm mềm lên Firebase.

Tại sự khiếu nại click vào nút pushBtn họ sẽ gửi tài liệu lên esp32-string bằng cách

getText từ bỏ ô EditText (Biến Value) sang biến đổi dataGửi data kia lên database

*

Get tài liệu từ Firebase về App

Trong sự kiện click vào nút getBtn

Kết nối đi học esp32 bên trên DB, lắng nghe sự chuyển đổi trên đóNếu tất cả sư cầm đổi, get tài liệu đó về cùng hiển thị lên TextView

*

Vậy là ta sẽ thiết kế xong xuôi một app đơn giản dễ dàng để triển khai việc push với get data tự Firebase về.

Kết Quả

Ta triển khai Push tài liệu kiểu string “off” lên ngôi trường esp32-string trên Firebase

*

Ta triển khai Get tài liệu kiểu int từ bỏ Firebase về app

*

Và ta có thể thêm bớt phụ thuộc vào mục đích, tại đây ta thêm một Push Int Button để ảnh hưởng đến trường esp32

*

Video kết quả

Kết

Realtime Database Firebase là một trong công cụ đơn giản và dễ dàng để chúng ta ban đầu học cách làm việc với Database, không cần khởi tạo nên và thiết đặt gì quá bùng nhùng vẫn sử dụng được. Bởi vì vậy rất phù hợp khi chúng ta mới học lập trình IOT. 

Hi vọng chúng ta thích bài viết này, hãy chia sẽ cho đồng đội nếu cảm giác chúng có ích nhé.

Cám ơn các bạn đã đón đọc, thuộc vào hội Anh Em Nghiện Lập Trình để cùng trao đổi nhé