Danh sách việc cần làm trong thời gian thực bằng Google Firebase: 12 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:35

Này đó!

Tất cả chúng ta đều sử dụng danh sách Việc cần làm hàng ngày, có thể là trực tuyến hoặc ngoại tuyến. Mặc dù danh sách ngoại tuyến dễ bị mất và danh sách ảo có thể bị đặt sai vị trí, vô tình bị xóa hoặc thậm chí bị lãng quên. Vì vậy, chúng tôi quyết định tạo một cơ sở dữ liệu trên Google Firebase, một cơ sở dữ liệu thời gian thực. Tại sao? Tại vì:

1. Thật tuyệt

2. Đó là thời gian thực, vì vậy các thay đổi được thực hiện ngay lập tức.

3. Dễ sử dụng và tập trung; tất cả dữ liệu đều có trên đám mây và có thể truy cập thông qua bất kỳ nền tảng nào.

4. Một API tuyệt vời rất hỗ trợ.

5. Cập nhật rất dễ thực hiện.

Chúng tôi sẽ tập trung vào việc thêm dữ liệu theo cách thủ công vào Firebase trong dự án này!

Bước 1: Bắt đầu với Google Firebase

Truy cập Trang web Google Firebase và nhấp vào nút 'Đăng nhập' ở góc trên cùng bên trái và đăng nhập thông qua tài khoản Google của bạn.

Sau khi đăng nhập, hãy nhấp vào 'Go To Console' để truy cập bảng điều khiển cơ sở dữ liệu firebase của bạn. Đừng lo lắng, nó không phải là bất cứ điều gì cao cấp.

Bước 2: Lập 'Dự án'

Trên màn hình mới của bạn, hãy nhấp vào biểu tượng Dấu cộng lớn (Thêm dự án) để tạo một dự án mới. Mỗi dự án chỉ có thể có một cơ sở dữ liệu, vì vậy bạn sẽ cần phải lặp lại dự án này nhiều lần trong trường hợp bạn muốn có nhiều cơ sở dữ liệu thời gian thực.

Bây giờ, hãy nhập tên dự án của bạn và chọn quốc gia sử dụng. Nhấp vào Tạo dự án để bắt đầu làm việc!

Bước 3: Chào mừng bạn đến với Bảng điều khiển Firebase

Sau khi tải xong, hãy nhấp vào tiếp tục. Điều này sẽ đưa bạn đến một màn hình mới.

Chào mừng bạn đến với Bảng điều khiển Google Firebase của bạn!

Bước 4: Tạo cơ sở dữ liệu

Trên menu bên trái, nhấp vào 'Cơ sở dữ liệu'. Điều này dẫn bạn đến một màn hình mới, nơi bạn có thể chọn giữa Cloud Firestore hoặc Cơ sở dữ liệu thời gian thực. Chúng tôi sẽ sử dụng Cơ sở dữ liệu thời gian thực cho dự án này. Nhấp vào Bắt đầu!

Bước 5: Xác định Quy tắc bảo mật cho Firebase của bạn

Firebase cung cấp các tính năng xác thực mạnh mẽ để không có quyền truy cập trái phép vào cơ sở dữ liệu của bạn. Tuy nhiên, để đơn giản, chúng tôi sẽ sử dụng cơ sở dữ liệu 'công khai', có thể được sửa đổi bởi bất kỳ ai có quyền truy cập vào 'thông tin xác thực' cơ sở dữ liệu của bạn. Thông tin thêm về thông tin đăng nhập sau này.

Chọn 'Chế độ kiểm tra' cho dự án này và nhấp vào Bật.

Bước 6: Chào mừng bạn đến với Firebase của bạn

Đây là cách màn hình của bạn trông như thế nào. Ngoại trừ tên của dự án.

Bước 7: Tạo danh sách công việc đầu tiên của bạn

Chúng tôi sẽ tạo Danh sách nhiệm vụ, được gọi là 'Nhóm'. Mỗi nhóm là một danh sách dữ liệu được lồng vào nhau. Mặc dù bạn có thể tự do chọn bất kỳ hình thức lồng ghép nào bạn muốn, nhưng đối với dự án này, mỗi nhóm sẽ đại diện cho một nhiệm vụ.

Để thêm nhóm đầu tiên, hãy nhấp vào biểu tượng '+' phía trước null như hình minh họa.

Bước 8: Tên của Danh sách Nhiệm vụ

2 Thuộc tính hiển thị. Tên và Giá trị.

Thẻ 'Tên' được sử dụng để chỉ tên nhiệm vụ của bạn. Ví dụ, bạn muốn tạo một danh sách các hướng dẫn mà bạn muốn xem sau này. Vì vậy, chúng tôi sử dụng Tên là Hướng dẫn, bởi vì, tại sao không.

Lưu ý rằng các trường có độ dài ngắn, vì vậy khả năng hiển thị của các tên dài hơn có thể là một vấn đề. Tuy nhiên, hãy yên tâm rằng tên chính xác như những gì bạn đã nhập.

Mặc dù chúng tôi có thể đặt bất kỳ giá trị nào cho thẻ Value, nhưng thay vào đó, chúng tôi muốn thêm danh sách các mục bên dưới tiêu đề. Vì vậy, để tạo tổ này, chúng tôi nhấp vào biểu tượng 'Plus' ở phía trước thẻ Giá trị.

Bước 9: Thêm chi tiết vào danh sách

Bạn có thể thấy một 'cấp độ' khác của danh sách đã xuất hiện.

Bây giờ chúng tôi sẽ gán một thuộc tính có tên là 'Khi nào' để biểu thị ngày bạn muốn thực hiện việc này. Nhập 'Khi nào' vào thẻ tên và 'Chủ nhật', chẳng hạn, trong thẻ Giá trị.

Bây giờ bạn sẽ muốn thêm các loại hướng dẫn mà bạn muốn xem. Chúng tôi sẽ nhóm những thứ này dưới Tên 'Cái gì'.

Bước 10: Thêm nhiệm vụ con vào danh sách

Nhấp vào biểu tượng dấu cộng ở phía trước tên 'Nhóm' hoặc 'Công việc' hoặc 'Danh sách' của bạn. Đối với trường mới, nhập 'Cái gì' vào tên và nhấp vào biểu tượng dấu cộng để tạo danh sách dưới tiêu đề này. Nhấp vào biểu tượng dấu cộng ở phía trước những gì để thêm trường khác.

Bạn có thể thấy một cấp độ khác đã xuất hiện. Nhập nhiệm vụ của bạn vào thẻ 'Tên' và mô tả trong thẻ 'Giá trị'. Hãy thử nghiệm ở đây với nhiều lồng hơn.

Nhấp vào thêm để hoàn thành điều này. Hoặc nhấp vào Hủy trong trường hợp bạn có suy nghĩ thứ hai về việc thêm dữ liệu.

Bước 11: Tada

Bạn sẽ thấy danh sách phát sáng màu xanh lục và sau đó nó hiện thực hóa chắc chắn như dữ liệu bạn đã đặt. Bạn sẽ nhận thấy rằng Firebase tự động sắp xếp 'Tên' của danh sách và danh sách phụ theo thứ tự bảng chữ cái.

Nếu một nhiệm vụ có vẻ chưa hoàn thành, hãy nhấp vào nó và cuộn sang bên phải để xem đầy đủ.

Bước 12: Hoàn tất việc thêm công việc của bạn

Lặp lại điều này để tạo danh sách của bạn!

Tóm tắt nhanh:

Nhóm mới bằng cách chèn vào danh sách ngoài cùng bên trái có tên dự án dự án.

Các thuộc tính mới bằng cách chèn vào nhiệm vụ.

Danh sách con mới bằng cách chèn các nhiệm vụ bên trong danh sách!

Bạn có thể xem danh sách này bất cứ lúc nào và bất cứ nơi nào! Nó được đồng bộ hóa một cách hoàn hảo. Thưởng thức!