Pelaksanaan Pengesahan E-mel/Kata Laluan
Laksanakan fungsi pendaftaran dan log masuk pengguna menggunakan kelayakan e-mel dan kata laluan dengan Firebase Authentication
Pelaksanaan Pengesahan E-mel/Kata Laluan ialah pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata merangkumi sejumlah 4 pelajaran.
Pengenalan Pengesahan E-mel/Kata Laluan
Selamat datang ke pelaksanaan pengesahan pengguna dengan Firebase! Dalam pelajaran ini, kita akan memberi tumpuan kepada kaedah yang paling biasa: E-mel dan Kata Laluan.
- Kaedah ini mudah dan difahami oleh pengguna secara meluas.
- Firebase mengurus penyimpanan kelayakan pengguna dengan selamat.
- Anda akan belajar mendaftarkan pengguna baharu dan melog masuk pengguna sedia ada.
Mendayakan Penyedia E-mel/Kata Laluan
Sebelum menulis kod, anda perlu mendayakan pengesahan E-mel/Kata Laluan dalam projek Firebase anda.
Pergi ke konsol Firebase:
- Pergi ke Authentication.
- Klik tab Sign-in method.
- Dayakan penyedia Email/Password.
Langkah ini memberitahu Firebase supaya menerima kelayakan ini.
Mendaftarkan Pengguna Baharu
Untuk membolehkan pengguna baharu mencipta akaun, anda akan menggunakan kaedah Firebase Authentication. Kaedah ini menerima e-mel dan kata laluan, kemudian mencipta rekod pengguna baharu dengan selamat dalam projek Firebase anda.
Anda perlu mendapatkan e-mel pengguna dan kata laluan yang kukuh daripada antara muka aplikasi anda.
Kod Pendaftaran Pengguna
Begini cara anda mendaftarkan pengguna baharu menggunakan Firebase SDK. Kita akan menggunakan sintaks JavaScript, yang biasa digunakan untuk aplikasi web dan mudah alih.
createUserWithEmailAndPassword() ialah fungsi utama.
import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
function registerUser(email, password) {
createUserWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
// Signed up successfully
const user = userCredential.user;
console.log("User registered:", user.email);
})
.catch((error) => {
const errorCode = error.code;
const errorMessage = error.message;
console.error("Registration error:", errorCode, errorMessage);
});
}Melog Masuk Pengguna Sedia Ada
Selepas mendaftar, pengguna boleh melog masuk menggunakan e-mel dan kata laluan yang sama. Proses ini mengesahkan kelayakan mereka dengan rekod yang disimpan dalam Firebase.
Jika kelayakan sepadan, Firebase menyediakan objek pengguna yang menunjukkan bahawa log masuk berjaya.
Kod Log Masuk Pengguna
Untuk melog masuk pengguna sedia ada, anda menggunakan signInWithEmailAndPassword(). Fungsinya serupa dengan pendaftaran, iaitu menerima e-mel dan kata laluan.
Fungsi ini turut mengembalikan Promise, yang membolehkan anda mengendalikan kejayaan atau kegagalan.
import { getAuth, signInWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
function loginUser(email, password) {
signInWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
// Signed in successfully
const user = userCredential.user;
console.log("User logged in:", user.email);
})
.catch((error) => {
const errorCode = error.code;
const errorMessage = error.message;
console.error("Login error:", errorCode, errorMessage);
});
}Mengakses Data Pengguna Semasa
Selepas pengguna berjaya mendaftar atau log masuk, anda boleh mengakses maklumat mereka melalui objek currentUser. Objek ini menyimpan butiran seperti ID unik mereka (UID) dan e-mel.
Maklumat ini penting untuk memperibadikan kandungan aplikasi.
import { getAuth } from "firebase/auth";
const auth = getAuth();
function displayUserInfo() {
const user = auth.currentUser;
if (user) {
// User is signed in
console.log("User UID:", user.uid);
console.log("User Email:", user.email);
// You can also get user.displayName, user.photoURL, etc.
} else {
// No user is signed in
console.log("No user currently logged in.");
}
}Melog Keluar Pengguna
Menyediakan cara untuk pengguna melog keluar adalah penting demi keselamatan dan pengalaman pengguna. Firebase Auth memudahkan perkara ini dengan kaedah signOut().
Memanggil signOut() akan mengosongkan sesi pengguna.
import { getAuth, signOut } from "firebase/auth";
const auth = getAuth();
function logoutUser() {
signOut(auth).then(() => {
// Sign-out successful.
console.log("User signed out successfully!");
}).catch((error) => {
// An error happened.
console.error("Sign out error:", error);
});
}Pengendalian Ralat Asas
Apabila mengendalikan pengesahan, ralat sering berlaku (contohnya, kata laluan salah atau e-mel sudah digunakan). Firebase menyediakan kod dan mesej ralat khusus.
Sentiasa sertakan blok .catch() untuk mengendalikan isu ini dengan baik dan memberikan maklum balas kepada pengguna.
import { getAuth, signInWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
// Example with error handling
signInWithEmailAndPassword(auth, "wrong@example.com", "badpassword")
.then((userCredential) => {
console.log("Login successful!");
})
.catch((error) => {
const errorCode = error.code; // e.g., 'auth/user-not-found'
const errorMessage = error.message; // e.g., 'There is no user record...'
console.error("Auth failed:", errorCode, errorMessage);
// Display user-friendly message based on errorCode
});Uji Pengetahuan Anda
Kaedah Firebase Authentication yang manakah digunakan untuk mencipta akaun pengguna baharu dengan e-mel dan kata laluan?
Imbas Kembali: Pengesahan E-mel/Kata Laluan
Syabas! Anda telah mempelajari asas pengesahan E-mel/Kata Laluan dengan Firebase.
- Anda mendayakan penyedia tersebut dalam konsol Firebase.
createUserWithEmailAndPassword()mendaftarkan pengguna baharu.signInWithEmailAndPassword()melog masuk pengguna sedia ada.currentUsermemberi anda akses kepada data pengguna.signOut()melog keluar pengguna.- Sentiasa laksanakan pengendalian ralat untuk menghasilkan aplikasi yang kukuh.
Seterusnya, kita akan meneroka pengurusan sesi dan keadaan pengguna!
Pelajari Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 11
- Pelajaran
- 44
Soalan Lazim
Adakah pelajaran “Pelaksanaan Pengesahan E-mel/Kata Laluan” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata, termasuk “Pelaksanaan Pengesahan E-mel/Kata Laluan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Pelaksanaan Pengesahan E-mel/Kata Laluan”?
Laksanakan fungsi pendaftaran dan log masuk pengguna menggunakan kelayakan e-mel dan kata laluan dengan Firebase Authentication Anda berlatih Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Pelaksanaan Pengesahan E-mel/Kata Laluan” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata ini?
Ya. Setiap pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Pelaksanaan Pengesahan E-mel/Kata Laluan
- Mengurus Sesi dan Keadaan Pengguna
- Mengendalikan Ralat Pengesahan
- Tetapan Semula Kata Laluan dan Pengesahan E-mel