Daftar Tugas Waktu Nyata Menggunakan Google Firebase: 12 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:57

Hai!

Kita semua menggunakan daftar To-Do setiap hari, baik online maupun offline. Sementara daftar offline rentan tersesat, dan daftar virtual bisa salah tempat, terhapus secara tidak sengaja, atau bahkan terlupakan. Jadi kami memutuskan untuk membuatnya di Google Firebase, database waktu nyata. Mengapa? Karena:

1. Itu keren

2. Ini real time, sehingga perubahan dilakukan secara instan.

3. Mudah digunakan dan terpusat; semua data ada di cloud dan dapat diakses melalui platform apa pun.

4. API luar biasa yang sangat mendukung.

5. Update mudah dilakukan.

Kami akan berfokus pada penambahan data secara manual ke Firebase dalam proyek ini!

Langkah 1: Mulai Dengan Google Firebase

Kunjungi Situs Web Google Firebase dan klik tombol 'Masuk' di sudut kiri atas dan masuk melalui akun Google Anda.

Setelah masuk, klik 'Go To Console' untuk mengakses konsol database firebase Anda. Jangan khawatir, itu bukan sesuatu yang canggih.

Langkah 2: Membuat 'Proyek'

Di layar baru Anda, klik ikon Plus besar (Tambah Proyek) untuk membuat proyek baru. Setiap proyek hanya dapat memiliki satu database, jadi Anda perlu mengulangi proyek ini beberapa kali jika Anda menginginkan beberapa database waktu nyata.

Sekarang, Ketik nama proyek Anda dan pilih negara penggunaan. Klik Buat Proyek untuk mulai bekerja!

Langkah 3: Selamat datang di Konsol Firebase

Setelah memuat, klik lanjutkan. Ini akan membawa Anda ke layar baru.

Selamat datang di Konsol Google Firebase Anda!

Langkah 4: Membuat Basis Data

Di menu sebelah kiri, klik 'Database'. Ini membawa Anda ke layar baru tempat Anda dapat memilih antara Cloud Firestore atau Realtime Database. Kami akan menggunakan Realtime Database untuk proyek ini. Klik Mulai!

Langkah 5: Menentukan Aturan Keamanan untuk Firebase Anda

Firebase menawarkan fitur autentikasi yang kuat sehingga tidak ada akses tidak sah ke database Anda. Namun, untuk membuatnya tetap sederhana, kami akan menggunakan database 'publik', yang dapat dimodifikasi oleh siapa saja yang memiliki akses ke 'kredensial' database Anda. Lebih lanjut tentang kredensial nanti.

Pilih 'Test Mode' untuk proyek ini dan klik Enable.

Langkah 6: Selamat datang di Firebase Anda

Ini adalah bagaimana layar Anda akan terlihat seperti. Kecuali nama proyek.

Langkah 7: Membuat Daftar Tugas Pertama Anda

Kami akan membuat Daftar Tugas, yang disebut sebagai 'Bucket'. Setiap keranjang adalah daftar data bersarang. Meskipun Anda bebas memilih bentuk sarang apa pun yang Anda inginkan, untuk proyek ini, setiap ember akan mewakili tugas.

Untuk menambahkan ember pertama, klik ikon '+' di depan nol seperti yang ditunjukkan.

Langkah 8: Nama Daftar Tugas

2 Atribut muncul. Nama dan Nilai.

Tag 'Nama' digunakan untuk merujuk pada nama tugas Anda. Misalnya, Anda ingin membuat daftar instruksi yang ingin Anda lihat nanti. Jadi kami menggunakan Nama sebagai Instructables, karena, mengapa tidak.

Perhatikan bahwa bidangnya pendek, jadi visibilitas nama yang lebih panjang bisa menjadi masalah. Namun, yakinlah bahwa namanya persis seperti yang Anda ketikkan.

Meskipun kami dapat memasang nilai apa pun untuk tag Nilai, kami ingin menambahkan daftar item di bawah judul. Jadi untuk membuat sarang ini, kita klik ikon 'Plus' di depan tag Nilai.

Langkah 9: Menambahkan Detail ke Daftar

Anda dapat melihat 'level' lain dari daftar telah muncul.

Kami sekarang akan menetapkan atribut yang disebut 'Kapan' untuk menunjukkan hari Anda ingin melakukan ini. Ketik 'Kapan' di tag nama, dan 'Minggu', misalnya, di tag Nilai.

Sekarang Anda ingin menambahkan jenis instruksi yang ingin Anda lihat. Kami akan mengelompokkan ini di bawah Nama 'Apa'.

Langkah 10: Menambahkan Subtugas ke Daftar

Klik ikon plus di depan nama 'Ember' atau 'Tugas' atau 'Daftar' Anda. Ke bidang baru, ketik 'Apa' pada nama dan klik ikon plus untuk membuat daftar di bawah judul ini. Klik ikon plus di depan apa yang akan ditambahkan bidang lain.

Anda dapat melihat level lain telah muncul. Ketik tugas Anda di tag 'Nama' dan deskripsi di tag 'Nilai'. Jangan ragu untuk bereksperimen di sini dengan lebih banyak sarang.

Klik tambahkan untuk menyelesaikan ini. Atau klik Batal jika Anda ragu untuk menambahkan data.

Langkah 11: Tada

Anda akan melihat daftar menyala hijau dan kemudian terwujud dengan kuat sebagai data yang Anda tetapkan. Anda akan melihat bahwa Firebase secara otomatis mengurutkan 'Nama' dari daftar dan sub daftar menurut abjad.

Jika tugas terlihat tidak lengkap, klik dan gulir ke kanan untuk melihatnya sepenuhnya.

Langkah 12: Selesaikan Menambahkan Tugas Anda

Ulangi ini untuk membuat daftar Anda!

Sebuah rekap cepat:

Bucket baru dengan memasukkan pada daftar paling kiri yang memiliki nama project-ish project.

Atribut baru dengan memasukkan pada tugas.

Sublist baru dengan menyisipkan tugas di dalam daftar!

Anda dapat melihat daftar ini kapan saja dan di mana saja! Ini disinkronkan dengan sempurna. Menikmati!