Λίστα υποχρεώσεων σε πραγματικό χρόνο χρησιμοποιώντας το Google Firebase: 12 βήματα
Λίστα υποχρεώσεων σε πραγματικό χρόνο χρησιμοποιώντας το Google Firebase: 12 βήματα
Anonim
Λίστα υποχρεώσεων σε πραγματικό χρόνο χρησιμοποιώντας το Google Firebase
Λίστα υποχρεώσεων σε πραγματικό χρόνο χρησιμοποιώντας το Google Firebase

Γεια σου!

Όλοι χρησιμοποιούμε λίστες υποχρεώσεων καθημερινά, είτε online είτε εκτός σύνδεσης. Ενώ οι λίστες εκτός σύνδεσης είναι επιρρεπείς σε απώλεια και οι εικονικές λίστες μπορούν να τοποθετηθούν λανθασμένα, να διαγραφούν κατά λάθος ή ακόμη και να ξεχαστούν. Έτσι αποφασίσαμε να δημιουργήσουμε ένα στο Google Firebase, μια βάση δεδομένων σε πραγματικό χρόνο. Γιατί; Επειδή:

1. Είναι δροσερό

2. Είναι πραγματικός χρόνος, οπότε οι αλλαγές γίνονται στιγμιαία.

3. Εύκολο στη χρήση και συγκεντρωμένο. όλα τα δεδομένα βρίσκονται στο cloud και προσβάσιμα μέσω οποιασδήποτε πλατφόρμας.

4. Ένα υπέροχο API που είναι πολύ υποστηρικτικό.

5. Οι ενημερώσεις είναι εύκολο να γίνουν.

Θα επικεντρωθούμε στην προσθήκη δεδομένων με μη αυτόματο τρόπο στο Firebase σε αυτό το έργο!

Βήμα 1: Ξεκινώντας με το Google Firebase

Επισκεφτείτε τον ιστότοπο Google Firebase και κάντε κλικ στο κουμπί "Σύνδεση" στην επάνω αριστερή γωνία και συνδεθείτε μέσω του λογαριασμού σας Google.

Αφού συνδεθείτε, κάντε κλικ στο «Μετάβαση στην κονσόλα» για να αποκτήσετε πρόσβαση στην κονσόλα βάσης δεδομένων firebase. Μην ανησυχείτε, δεν είναι κάτι προηγμένο.

Βήμα 2: Κάνοντας ένα «έργο»

Κάνοντας ένα «έργο»
Κάνοντας ένα «έργο»

Στη νέα οθόνη, κάντε κλικ στο τεράστιο εικονίδιο Plus (Προσθήκη έργου) για να δημιουργήσετε ένα νέο έργο. Κάθε έργο μπορεί να έχει μόνο μία βάση δεδομένων, οπότε θα χρειαστεί να επαναλάβετε αυτό το έργο πολλές φορές σε περίπτωση που θέλετε πολλές βάσεις δεδομένων σε πραγματικό χρόνο.

Τώρα, πληκτρολογήστε το όνομα του έργου σας και επιλέξτε τη χώρα χρήσης. Κάντε κλικ στο Δημιουργία έργου για να εργαστείτε!

Βήμα 3: Καλώς ορίσατε στο Firebase Console

Καλώς ήρθατε στην Firebase Console!
Καλώς ήρθατε στην Firebase Console!

Μετά τη φόρτωση, κάντε κλικ στη συνέχεια. Αυτό θα σας μεταφέρει σε μια νέα οθόνη.

Καλώς ορίσατε στην κονσόλα Google Firebase!

Βήμα 4: Δημιουργία βάσης δεδομένων

Δημιουργία βάσης δεδομένων
Δημιουργία βάσης δεδομένων

Στο αριστερό μενού, κάντε κλικ στο "Βάση δεδομένων". Αυτό σας οδηγεί σε μια νέα οθόνη όπου μπορείτε να επιλέξετε μεταξύ Cloud Firestore ή Realtime Database. Θα χρησιμοποιήσουμε τη βάση δεδομένων σε πραγματικό χρόνο για αυτό το έργο. Κάντε κλικ στο Ξεκινήστε!

Βήμα 5: Καθορισμός κανόνων ασφαλείας για το Firebase σας

Καθορισμός κανόνων ασφαλείας για το Firebase σας
Καθορισμός κανόνων ασφαλείας για το Firebase σας

Το Firebase προσφέρει ισχυρές δυνατότητες ελέγχου ταυτότητας, έτσι ώστε να μην υπάρχει μη εξουσιοδοτημένη πρόσβαση στη βάση δεδομένων σας. Ωστόσο, για να είμαστε απλοί, θα χρησιμοποιήσουμε μια «δημόσια» βάση δεδομένων, η οποία μπορεί να τροποποιηθεί από οποιονδήποτε έχει πρόσβαση στα «διαπιστευτήρια» της βάσης δεδομένων σας. Περισσότερα για τα διαπιστευτήρια αργότερα.

Επιλέξτε τη "Λειτουργία δοκιμής" για αυτό το έργο και κάντε κλικ στο Ενεργοποίηση.

Βήμα 6: Καλώς ορίσατε στο Firebase σας

Καλώς ήλθατε στο Firebase σας!
Καλώς ήλθατε στο Firebase σας!

Κάπως έτσι θα ήταν η οθόνη σας. Εκτός από το όνομα του έργου.

Βήμα 7: Δημιουργία της πρώτης λίστας εργασιών

Θα δημιουργήσουμε λίστες εργασιών, που ονομάζονται «κάδοι». Κάθε κάδος είναι μια ένθετη λίστα δεδομένων. Ενώ είστε ελεύθεροι να επιλέξετε όποιες μορφές ένθεσης θέλετε, για αυτό το έργο, κάθε κάδος θα αντιπροσωπεύει μια εργασία.

Για να προσθέσετε τον πρώτο κάδο, κάντε κλικ στο εικονίδιο '+' μπροστά από το null όπως φαίνεται.

Βήμα 8: Όνομα της λίστας εργασιών

Όνομα της λίστας εργασιών
Όνομα της λίστας εργασιών

Εμφανίζονται 2 χαρακτηριστικά. Όνομα και τιμή.

Η ετικέτα "Όνομα" χρησιμοποιείται για να αναφέρεται στο όνομα της εργασίας σας. Για παράδειγμα, θα θέλατε να δημιουργήσετε μια λίστα με οδηγίες που θέλετε να δείτε αργότερα. Έτσι χρησιμοποιούμε το όνομα ως οδηγίες, γιατί, γιατί όχι.

Λάβετε υπόψη ότι τα πεδία είναι μικρά σε μήκος, οπότε η ορατότητα μεγαλύτερων ονομάτων μπορεί να αποτελέσει πρόβλημα. Ωστόσο, να είστε σίγουροι ότι το όνομα είναι ακριβώς αυτό που πληκτρολογήσατε.

Παρόλο που θα μπορούσαμε να προσθέσουμε οποιαδήποτε τιμή για την ετικέτα Value, θα θέλαμε να προσθέσουμε μια λίστα στοιχείων κάτω από την επικεφαλίδα. Έτσι, για να δημιουργήσουμε αυτήν τη φωλιά, κάνουμε κλικ στο εικονίδιο "Plus" μπροστά από την ετικέτα Value.

Βήμα 9: Προσθήκη λεπτομερειών στη λίστα

Προσθήκη λεπτομερειών στη λίστα
Προσθήκη λεπτομερειών στη λίστα

Μπορείτε να δείτε ότι εμφανίστηκε ένα άλλο «επίπεδο» της λίστας.

Τώρα θα εκχωρήσουμε ένα χαρακτηριστικό που ονομάζεται "Πότε" για να υποδηλώσουμε την ημέρα που θέλετε να το κάνετε αυτό. Πληκτρολογήστε "Πότε" στην ετικέτα ονόματος και "Κυριακή", για παράδειγμα, στην ετικέτα Τιμή.

Τώρα θα θέλατε να προσθέσετε τους τύπους οδηγιών που θα θέλατε να δείτε. Θα τα ομαδοποιήσουμε με το όνομα «Τι».

Βήμα 10: Προσθήκη δευτερευουσών εργασιών στη λίστα

Προσθήκη επιμέρους εργασιών στη λίστα
Προσθήκη επιμέρους εργασιών στη λίστα

Κάντε κλικ στο εικονίδιο συν μπροστά από το όνομα "Κάδος" ή "Εργασία" ή "Λίστα". Στο νέο πεδίο, πληκτρολογήστε «Τι» στο όνομα και κάντε κλικ στο εικονίδιο συν για να δημιουργήσετε μια λίστα κάτω από αυτήν την επικεφαλίδα. Κάντε κλικ στο εικονίδιο συν μπροστά από το τι να προσθέσετε άλλο πεδίο.

Μπορείτε να δείτε ότι εμφανίστηκε ένα άλλο επίπεδο. Πληκτρολογήστε τις εργασίες σας στην ετικέτα "Όνομα" και μια περιγραφή στην ετικέτα "Τιμή". Μη διστάσετε να πειραματιστείτε εδώ με περισσότερες φωλιές.

Κάντε κλικ στην προσθήκη για να το οριστικοποιήσετε. Or κάντε κλικ στην επιλογή Ακύρωση σε περίπτωση που έχετε δεύτερη σκέψη σχετικά με την προσθήκη δεδομένων.

Βήμα 11: Tada

Τάντα!
Τάντα!

Θα δείτε τη λίστα να λάμπει πράσινη και στη συνέχεια να υλοποιείται σταθερά ως δεδομένα που έχετε ορίσει. Θα παρατηρήσετε ότι το Firebase ταξινομεί αυτόματα τα «Ονόματα» των λιστών και τις δευτερεύουσες λίστες αλφαβητικά.

Εάν μια εργασία φαίνεται ατελής, κάντε κλικ σε αυτήν και μετακινηθείτε προς τα δεξιά για να την δείτε πλήρως.

Βήμα 12: Ολοκληρώστε την προσθήκη των εργασιών σας

Ολοκληρώστε την προσθήκη των εργασιών σας
Ολοκληρώστε την προσθήκη των εργασιών σας

Επαναλάβετε αυτό για να φτιάξετε τη λίστα σας!

Μια γρήγορη ανακεφαλαίωση:

Νέοι κάδοι με την εισαγωγή στην αριστερή λίστα με όνομα έργου έργου.

Νέα χαρακτηριστικά με εισαγωγή στην εργασία.

Νέες υπο -λίστες με την εισαγωγή εργασιών μέσα σε μια λίστα!

Μπορείτε να δείτε αυτήν τη λίστα οποτεδήποτε και οπουδήποτε! Είναι απόλυτα συγχρονισμένο. Απολαμβάνω!

Συνιστάται: