Sign up, in, or out with Firebase Authentication — Transcript

Transcript of the free Vue.js lesson Sign up, in, or out with Firebase Authenticationwatch the video lesson.

Έχω ανοίξει το FireBase κονσόλ και θα δημιουργήσω ένα νέο προϊόν. Μετά που έχει δημιουργήσει, θα αναβάζω στο Authentication tab. Εδώ θα μπορούμε να δούμε τους συγκεκριμένους χρησιμοποιούς όταν έχουμε κάποιους. Πριν θα μπορούμε να χρησιμοποιήσουμε το Authentication Service, θα πρέπει να χρησιμοποιήσουμε καλύτερα ένα σημείο προβάτευμα.

Υπάρχουν πολλοί προβάτευμα να χρησιμοποιήσετε από και μπορείτε να χρησιμοποιήσετε όλα αυτά. Για να ξεκινήσουμε, θα χρησιμοποιήσω το email password προβάτευμα. Εδώ θα χρησιμοποι Στο δημόσιο, το localhost και το δημόσιο γενικής από Firebase είναι βασίλιστο. Αν χρησιμοποιείτε ένα δημόσιο καστονικών, μην ξεχνάτε να το βάζετε εδώ.

Με αυτά, είμαστε έτοιμοι να ξεκινήσουμε να εγγραφήσουμε και να λογήσουμε χρησιμοποιούς στην εργασία μας. Στην επόμενη εφαρμογή, πρέπει να εγκλείψουμε το Firebase Library στον προϊόν μας. Υπάρχουν πολλές επιλογές να κάνουμε αυτό. Για αυτό το παράδειγμα, έχω δημιουργήσει ένα HTML φαλό, όπου θα χρησιμοποιήσουμε το set-up snippet δημιου μέσω από ένα λιστικό δημόνιο, όπως το Localhost, ώστε να χρησιμοποιήσουμε το Firebase Authentication Service.

Για να το κρατώ, θα χρησιμοποιήσω το φαλό μέσω από το WebStorms δημόνιο. Δεν κάνουμε τίποτα ειδικά στο φαλό. Καθώς, διότι είμαστε να σημαίνουμε Firebase από το CDN, μπορούμε να εξετήσουμε το Firebase Variable στο μπροσέζι. auth.

Ας δημιουργήσουμε ένας χρησιμοποιητής εδώ για να δούμε πώς αυτό λειτουργεί. Για να δημιουργήσουμε ένα χρησιμοποιητής με email και password, δημιουργήσαμε την createUserWithEmailAndPassword function. Το πρώτο αργουμένο είναι το email και το δεύτερο είναι το password. Αν δημιουργήσαμε αυτό, ο χρησιμοποιός είναι εγγραφής στη δημιουργία μας.

Μπορούμε να το δημιουργήσουμε με τη δημιουργία του Firebase και να επισκεφθούμε το users tab. Και εδώ είναι ο χρησιμοποιός μας. Αυτό ήταν καλύτερο και εύκολο, όχι μόνο? js όταν η εγγραφή είναι εφαρμοθεί.

Πρώτα θα εμπορήσω View από CDN και θα δημιουργήσω ένα View Instance. Θα το βάζω στο element με το ID του app. Ας δημιουργήσουμε και κάποια data εδώ. Θα χρειαζόμαστε ένα email και ένα password.

Στην επόμενη θα δημιουργήσω το Register method. Όταν αυτό το method δημιουργεί, θέλουμε να δημιουργήσουμε το Firebase createUserWithEmailAndPassword function και να το δημιουργήσουμε το email και το password από τη δημιουργία μας. Αυτή τη δημιουργία θα δημιουργήσουμε το userIn μετά που το account δημιουργεί. ώστε να μην πρέπει να προσπαθήσουμε να το κάνουμε μανουαλικά.

Εντάξει, βλέπουμε καλό. Ας δημιουργήσουμε μια φόρμα στην HTML. Όταν η φόρμα ειδητοποιείται, θέλουμε να σημαίνουμε το σημαντικό μέθοδο. Θα προσπαθήσω ένα τίτλο εδώ που θα λέει σημαντικό.

Εντάξει, χρειαζόμαστε ένα τίτλο για το e-mail. Θα προσπαθήσω αυτό το τίτλο, χρησιμοποιώντας το vModelDirective, στο e-mail. Και επίσης, θα προσπαθήσω ένα σημαντικό μέθοδο, λέγοντας κάτι όπως «Τυπήστε και προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε The Firebase fires an event every time the user either signs in or out. To listen to this event, we can use the onAuthStateChange function and pass it a callback to run when the auth state changes.

Here Firebase gives us the authenticated user that will be null if no user is signed in. Okay, so when the auth state changes, we get the user and we probably want to set it to the data in order to use it in our view instance. Ας προσπαθήσουμε να προσπαθήσουμε μια οδηγική δημιουργία χρησιμοποιημένα για να προσπαθήσουμε την χρησιμοποιημένη από την Firebase. Μετά θα προχωρήσω το eventListener στο InstancesCreatedHook.

Και εδώ μπορούμε να πούμε ότι αυτό το οδηγικό χρησιμοποιημένο σημαίνει χρησιμοποιημένο. Στην πραγματική πραγματική, θα πιστεύετε πιστεύετε αυτό το Listener σε το rootView ή στο routerfile για να προστατεύετε κάποιες ρούτες. Θα μιλήσουμε για αυτές αργότερα σε αυτή την κατάσταση. Τώρα μπορούμε να χρησιμοποιήσουμε το νέο δημιουργικό μας για να Όταν έχουμε ένας χρησιμοποιός, πιστεύουμε πιστεύουμε ότι θα θέλουμε να καταστρέψουμε την εγγραφή.

Θα το καταστρέψω σε ένα div που θα δείξουμε μόνο όταν δεν υπάρχει ένας χρησιμοποιός χρησιμοποιός χρησιμοποιώντας VLS. Ας παρακολουθήσουμε το μπροζόμενο. Αυτή τη στιγμή βλέπουμε την email που χρησιμοποιούμε για να δημιουργήσουμε την εγγραφή, χωρίς να δημιουργήσουμε ακόμη. Αυτό συμβαίνει επειδή ο Firebase δημιουργεί ένα σύζυγμα για ένα χρησιμοποιός χρησιμοποιός.

Αυτό επίσης σημα Έχουμε εμπλημμένει τη δημιουργία του χρηματοποίησης και χρησιμοποιούμε τον αυθεντικό χρηματοποίηση στο σύνολο. Πριν δουλεύουμε τη δημιουργία του χρηματοποίησης, δημιουργούμε ένα τρόπο για τη δημιουργία του χρηματοποίησης. Θα δημιουργήσω ένα μέθοδο για αυτό, δημιουργήσω, και εδώ, όπως μπορείτε να το γνωρίσετε, θα χρησιμοποιήσουμε τη φάρμενη δημιουργία του χρηματοποίησης. Θα αφήσω το σημείο δημιουργία του χρηματοποίησης πριν από και αλλάξω το μέθοδο «SUMMIT» στο «SIGN IN».

Θα προσθέσω επίσης το τίτλο, το σημαντικό στήριο και το σημαντικό στήριο. Ας δημιουργήσουμε το μέθοδο «SIGN IN». Αυτή τη στιγμή πρέπει να σημαίνουμε το «SIGN IN» με εναντίον και περίπτωση. Οι εναντίον του Firebase έχουν μεγαλύτερα όνειρα, αλλά αυτός τους δίνει εύκολα να θυμηθούν ή να γνωρίζουν τα αργουμένα που χρειάζονται.

Εδώ, για παράδειγμα, πρέπει να περάσουμε το εναντίον και το περίπτωση. Γιατί Θα χρησιμοποιήσουμε ακόμα το e-mail και τα δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά. Υπάρχει καλό. Ας το δώσουμε στο μπροζόρ.

Θα χρησιμοποιήσω το μπροζόρ και θα προσπαθήσω να συμφωνώ. Και όταν χτύπησα το συμφωνώ, είμαι συμφωνημένος. Καλό! Τώρα έχουμε το σύνολο.

Συμφωνώ, συμφωνώ και συμφωνώ. Γιατί χρησιμοποιούμε τα δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφ Στην επόμενη στιγμή θα δημιουργήσουμε τις ερώτες που μπορούν να συμβαίνουν κατά τη δημιουργία της αυθεντικής. Έχω ανοίξει το FireBase κονσόλ και θα δημιουργήσω ένα νέο προϊόν. Μετά που έχει δημιουργήσει, θα αναβάζω στο Authentication tab.

Εδώ θα μπορούμε να δούμε τους συγκεκριμένους χρησιμοποιούς όταν έχουμε κάποιους. Πριν θα μπορούμε να χρησιμοποιήσουμε το Authentication Service, θα πρέπει να χρησιμοποιήσουμε καλύτερα ένα σημείο προβάτευμα. Υπάρχουν πολλοί προβάτευμα να χρησιμοποιήσετε από και μπορείτε να χρησιμοποιήσετε όλα αυτά. Για να ξεκινήσουμε, θα χρησιμοποιήσω το email password προβάτευμα.

Εδώ θα χρησιμοποι Στο δημόσιο, το localhost και το δημόσιο γενικής από Firebase είναι βασίλιστο. Αν χρησιμοποιείτε ένα δημόσιο καστονικών, μην ξεχνάτε να το βάζετε εδώ. Με αυτά, είμαστε έτοιμοι να ξεκινήσουμε να εγγραφήσουμε και να λογήσουμε χρησιμοποιούς στην εργασία μας. Στην επόμενη εφαρμογή, πρέπει να εγκλείψουμε το Firebase Library στον προϊόν μας.

Υπάρχουν πολλές επιλογές να κάνουμε αυτό. Για αυτό το παράδειγμα, έχω δημιουργήσει ένα HTML φαλό, όπου θα χρησιμοποιήσουμε το set-up snippet δημιου μέσω από ένα λιστικό δημόνιο, όπως το Localhost, ώστε να χρησιμοποιήσουμε το Firebase Authentication Service. Για να το κρατώ, θα χρησιμοποιήσω το φαλό μέσω από το WebStorms δημόνιο. Δεν κάνουμε τίποτα ειδικά στο φαλό.

Καθώς, διότι είμαστε να σημαίνουμε Firebase από το CDN, μπορούμε να εξετήσουμε το Firebase Variable στο μπροσέζι. auth. Ας δημιουργήσουμε ένας χρησιμοποιητής εδώ για να δούμε πώς αυτό λειτουργεί. Για να δημιουργήσουμε ένα χρησιμοποιητής με email και password, δημιουργήσαμε την createUserWithEmailAndPassword function.

Το πρώτο αργουμένο είναι το email και το δεύτερο είναι το password. Αν δημιουργήσαμε αυτό, ο χρησιμοποιός είναι εγγραφής στη δημιουργία μας. Μπορούμε να το δημιουργήσουμε με τη δημιουργία του Firebase και να επισκεφθούμε το users tab. Και εδώ είναι ο χρησιμοποιός μας.

Αυτό ήταν καλύτερο και εύκολο, όχι μόνο? js όταν η εγγραφή είναι εφαρμοθεί. Πρώτα θα εμπορήσω View από CDN και θα δημιουργήσω ένα View Instance. Θα το βάζω στο element με το ID του app.

Ας δημιουργήσουμε και κάποια data εδώ. Θα χρειαζόμαστε ένα email και ένα password. Στην επόμενη θα δημιουργήσω το Register method. Όταν αυτό το method δημιουργεί, θέλουμε να δημιουργήσουμε το Firebase createUserWithEmailAndPassword function και να το δημιουργήσουμε το email και το password από τη δημιουργία μας.

Αυτή τη δημιουργία θα δημιουργήσουμε το userIn μετά που το account δημιουργεί. ώστε να μην πρέπει να προσπαθήσουμε να το κάνουμε μανουαλικά. Εντάξει, βλέπουμε καλό. Ας δημιουργήσουμε μια φόρμα στην HTML.

Όταν η φόρμα ειδητοποιείται, θέλουμε να σημαίνουμε το σημαντικό μέθοδο. Θα προσπαθήσω ένα τίτλο εδώ που θα λέει σημαντικό. Εντάξει, χρειαζόμαστε ένα τίτλο για το e-mail. Θα προσπαθήσω αυτό το τίτλο, χρησιμοποιώντας το vModelDirective, στο e-mail.

Και επίσης, θα προσπαθήσω ένα σημαντικό μέθοδο, λέγοντας κάτι όπως «Τυπήστε και προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε να προσπαθήσουμε The Firebase fires an event every time the user either signs in or out. To listen to this event, we can use the onAuthStateChange function and pass it a callback to run when the auth state changes. Here Firebase gives us the authenticated user that will be null if no user is signed in. Okay, so when the auth state changes, we get the user and we probably want to set it to the data in order to use it in our view instance.

Ας προσπαθήσουμε να προσπαθήσουμε μια οδηγική δημιουργία χρησιμοποιημένα για να προσπαθήσουμε την χρησιμοποιημένη από την Firebase. Μετά θα προχωρήσω το eventListener στο InstancesCreatedHook. Και εδώ μπορούμε να πούμε ότι αυτό το οδηγικό χρησιμοποιημένο σημαίνει χρησιμοποιημένο. Στην πραγματική πραγματική, θα πιστεύετε πιστεύετε αυτό το Listener σε το rootView ή στο routerfile για να προστατεύετε κάποιες ρούτες.

Θα μιλήσουμε για αυτές αργότερα σε αυτή την κατάσταση. Τώρα μπορούμε να χρησιμοποιήσουμε το νέο δημιουργικό μας για να Όταν έχουμε ένας χρησιμοποιός, πιστεύουμε πιστεύουμε ότι θα θέλουμε να καταστρέψουμε την εγγραφή. Θα το καταστρέψω σε ένα div που θα δείξουμε μόνο όταν δεν υπάρχει ένας χρησιμοποιός χρησιμοποιός χρησιμοποιώντας VLS. Ας παρακολουθήσουμε το μπροζόμενο.

Αυτή τη στιγμή βλέπουμε την email που χρησιμοποιούμε για να δημιουργήσουμε την εγγραφή, χωρίς να δημιουργήσουμε ακόμη. Αυτό συμβαίνει επειδή ο Firebase δημιουργεί ένα σύζυγμα για ένα χρησιμοποιός χρησιμοποιός. Αυτό επίσης σημα Έχουμε εμπλημμένει τη δημιουργία του χρηματοποίησης και χρησιμοποιούμε τον αυθεντικό χρηματοποίηση στο σύνολο. Πριν δουλεύουμε τη δημιουργία του χρηματοποίησης, δημιουργούμε ένα τρόπο για τη δημιουργία του χρηματοποίησης.

Θα δημιουργήσω ένα μέθοδο για αυτό, δημιουργήσω, και εδώ, όπως μπορείτε να το γνωρίσετε, θα χρησιμοποιήσουμε τη φάρμενη δημιουργία του χρηματοποίησης. Θα αφήσω το σημείο δημιουργία του χρηματοποίησης πριν από και αλλάξω το μέθοδο «SUMMIT» στο «SIGN IN». Θα προσθέσω επίσης το τίτλο, το σημαντικό στήριο και το σημαντικό στήριο. Ας δημιουργήσουμε το μέθοδο «SIGN IN».

Αυτή τη στιγμή πρέπει να σημαίνουμε το «SIGN IN» με εναντίον και περίπτωση. Οι εναντίον του Firebase έχουν μεγαλύτερα όνειρα, αλλά αυτός τους δίνει εύκολα να θυμηθούν ή να γνωρίζουν τα αργουμένα που χρειάζονται. Εδώ, για παράδειγμα, πρέπει να περάσουμε το εναντίον και το περίπτωση. Γιατί Θα χρησιμοποιήσουμε ακόμα το e-mail και τα δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά.

Υπάρχει καλό. Ας το δώσουμε στο μπροζόρ. Θα χρησιμοποιήσω το μπροζόρ και θα προσπαθήσω να συμφωνώ. Και όταν χτύπησα το συμφωνώ, είμαι συμφωνημένος.

Καλό! Τώρα έχουμε το σύνολο. Συμφωνώ, συμφωνώ και συμφωνώ. Γιατί χρησιμοποιούμε τα δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφικά δημοσιογραφ Στην επόμενη στιγμή θα δημιουργήσουμε τις ερώτες που μπορούν να συμβαίνουν κατά τη δημιουργία της αυθεντικής.