เริ่มต้นด้วยการตรวจสอบสิทธิ์ Firebase บนเว็บไซต์

คุณสามารถใช้ Firebase Authentication เพื่ออนุญาตให้ผู้ใช้ลงชื่อเข้าใช้แอปของคุณโดยใช้วิธีการลงชื่อเข้าใช้อย่างน้อยหนึ่งวิธีรวมถึงที่อยู่อีเมลและการลงชื่อเข้าใช้ด้วยรหัสผ่านและผู้ให้บริการข้อมูลประจำตัวแบบรวมศูนย์เช่น Google Sign-in และ Facebook Login บทแนะนำนี้ช่วยให้คุณเริ่มต้นใช้งาน Firebase Authentication โดยแสดงวิธีเพิ่มที่อยู่อีเมลและการลงชื่อเข้าใช้ด้วยรหัสผ่านในแอปของคุณ

เชื่อมต่อแอปของคุณกับ Firebase

ติดตั้ง Firebase SDK อย่าลืมวางรหัสการกำหนดค่าลงในหน้าเว็บของคุณตามที่อธิบายไว้

ลงทะเบียนผู้ใช้ใหม่

สร้างแบบฟอร์มที่อนุญาตให้ผู้ใช้ใหม่ลงทะเบียนกับแอปของคุณโดยใช้ที่อยู่อีเมลและรหัสผ่าน เมื่อผู้ใช้กรอกแบบฟอร์มให้ตรวจสอบที่อยู่อีเมลและรหัสผ่านที่ผู้ใช้ให้มาจากนั้นส่งต่อไปยังเมธอด createUserWithEmailAndPassword :

firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});email-password.html

ลงชื่อเข้าใช้ผู้ใช้ที่มีอยู่

สร้างแบบฟอร์มที่อนุญาตให้ผู้ใช้ที่มีอยู่ลงชื่อเข้าใช้โดยใช้ที่อยู่อีเมลและรหัสผ่าน เมื่อผู้ใช้กรอกแบบฟอร์มให้เรียกเมธอด signInWithEmailAndPassword :

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});email-password.html

ตั้งค่าผู้สังเกตการณ์สถานะการพิสูจน์ตัวตนและรับข้อมูลผู้ใช้

สำหรับแต่ละหน้าของแอปของคุณที่ต้องการข้อมูลเกี่ยวกับผู้ใช้ที่ลงชื่อเข้าใช้ให้แนบผู้สังเกตการณ์เข้ากับวัตถุการตรวจสอบสิทธิ์ส่วนกลาง ผู้สังเกตการณ์นี้จะถูกเรียกเมื่อใดก็ตามที่สถานะการลงชื่อเข้าใช้ของผู้ใช้เปลี่ยนไป

แนบผู้สังเกตการณ์โดยใช้เมธอด onAuthStateChanged เมื่อผู้ใช้ลงชื่อเข้าใช้สำเร็จคุณจะได้รับข้อมูลเกี่ยวกับผู้ใช้ในผู้สังเกตการณ์

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    var displayName = user.displayName;
    var email = user.email;
    var emailVerified = user.emailVerified;
    var photoURL = user.photoURL;
    var isAnonymous = user.isAnonymous;
    var uid = user.uid;
    var providerData = user.providerData;
    // ...
  } else {
    // User is signed out.
    // ...
  }
});email-password.html

ขั้นตอนถัดไป

เรียนรู้วิธีเพิ่มการสนับสนุนสำหรับผู้ให้บริการข้อมูลประจำตัวอื่น ๆ และบัญชีแขกที่ไม่ระบุชื่อ: