จัดการผู้ใช้ใน Firebase

สร้างผู้ใช้

คุณสามารถสร้างผู้ใช้ใหม่ในโครงการ Firebase ของคุณโดยการเรียก createUserWithEmailAndPassword วิธีการหรือโดยการลงนามในการใช้เป็นครั้งแรกโดยใช้ผู้ให้บริการเอกลักษณ์แบบ federated เช่น Google เข้าสู่ระบบ หรือ Facebook เข้าสู่ระบบ

นอกจากนี้คุณยังสามารถสร้างผู้ใช้รหัสผ่านรับรองความถูกต้องใหม่จากส่วนรับรองความถูกต้องของ Firebase คอนโซล บนหน้าผู้ใช้หรือโดยการใช้ SDK ผู้ดูแลระบบ

รับผู้ใช้ที่ลงชื่อเข้าใช้อยู่ในปัจจุบัน

วิธีที่แนะนำในการรับผู้ใช้ปัจจุบันคือการตั้งค่าผู้สังเกตการณ์บนอ็อบเจ็กต์ Auth:

เว็บรุ่น 9

import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth();
onAuthStateChanged(auth, (user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/firebase.User
    const uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

เว็บรุ่น8

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

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

นอกจากนี้คุณยังสามารถได้รับการลงนามในปัจจุบันผู้ใช้โดยใช้ currentUser คุณสมบัติ หากผู้ใช้ไม่ได้ลงนามใน currentUser เป็นโมฆะ:

เว็บรุ่น 9

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/firebase.User
  // ...
} else {
  // No user is signed in.
}

เว็บรุ่น8

const user = firebase.auth().currentUser;

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/firebase.User
  // ...
} else {
  // No user is signed in.
}

รับโปรไฟล์ผู้ใช้

เพื่อให้ได้ข้อมูลรายละเอียดของผู้ใช้ให้ใช้คุณสมบัติของตัวอย่างของ User ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;
if (user !== null) {
  // The user object has basic properties such as display name, email, etc.
  const displayName = user.displayName;
  const email = user.email;
  const photoURL = user.photoURL;
  const emailVerified = user.emailVerified;

  // The user's ID, unique to the Firebase project. Do NOT use
  // this value to authenticate with your backend server, if
  // you have one. Use User.getToken() instead.
  const uid = user.uid;
}

เว็บรุ่น8

const user = firebase.auth().currentUser;
if (user !== null) {
  // The user object has basic properties such as display name, email, etc.
  const displayName = user.displayName;
  const email = user.email;
  const photoURL = user.photoURL;
  const emailVerified = user.emailVerified;

  // The user's ID, unique to the Firebase project. Do NOT use
  // this value to authenticate with your backend server, if
  // you have one. Use User.getToken() instead.
  const uid = user.uid;
}

รับข้อมูลโปรไฟล์เฉพาะผู้ให้บริการของผู้ใช้

เพื่อให้ได้ข้อมูลรายละเอียดที่ได้รับจากการเข้าสู่ระบบในผู้ให้บริการที่เชื่อมโยงกับผู้ใช้ให้ใช้ providerData คุณสมบัติ ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

if (user !== null) {
  user.providerData.forEach((profile) => {
    console.log("Sign-in provider: " + profile.providerId);
    console.log("  Provider-specific UID: " + profile.uid);
    console.log("  Name: " + profile.displayName);
    console.log("  Email: " + profile.email);
    console.log("  Photo URL: " + profile.photoURL);
  });
}

เว็บรุ่น8

const user = firebase.auth().currentUser;

if (user !== null) {
  user.providerData.forEach((profile) => {
    console.log("Sign-in provider: " + profile.providerId);
    console.log("  Provider-specific UID: " + profile.uid);
    console.log("  Name: " + profile.displayName);
    console.log("  Email: " + profile.email);
    console.log("  Photo URL: " + profile.photoURL);
  });
}

อัพเดทโปรไฟล์ของผู้ใช้

คุณสามารถอัพเดตข้อมูลรายละเอียดของผู้ใช้ขั้นพื้นฐานของผู้ใช้ชื่อการแสดงผลและรูปโปรไฟล์ของ URL กับ updateProfile วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, updateProfile } from "firebase/auth";
const auth = getAuth();
updateProfile(auth.currentUser, {
  displayName: "Jane Q. User", photoURL: "https://example.com/jane-q-user/profile.jpg"
}).then(() => {
  // Profile updated!
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});

เว็บรุ่น8

const user = firebase.auth().currentUser;

user.updateProfile({
  displayName: "Jane Q. User",
  photoURL: "https://example.com/jane-q-user/profile.jpg"
}).then(() => {
  // Update successful
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});  

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

คุณสามารถตั้งค่าที่อยู่อีเมลของผู้ใช้กับ updateEmail วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, updateEmail } from "firebase/auth";
const auth = getAuth();
updateEmail(auth.currentUser, "user@example.com").then(() => {
  // Email updated!
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});

เว็บรุ่น8

const user = firebase.auth().currentUser;

user.updateEmail("user@example.com").then(() => {
  // Update successful
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});

ส่งอีเมลยืนยันให้ผู้ใช้

คุณสามารถส่งอีเมลยืนยันที่อยู่ให้กับผู้ใช้ที่มี sendEmailVerification วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, sendEmailVerification } from "firebase/auth";

const auth = getAuth();
sendEmailVerification(auth.currentUser)
  .then(() => {
    // Email verification sent!
    // ...
  });

เว็บรุ่น8

firebase.auth().currentUser.sendEmailVerification()
  .then(() => {
    // Email verification sent!
    // ...
  });

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

นอกจากนี้ยังเป็นไปได้ที่จะผ่านรัฐผ่านทาง ยังคง URL ที่จะเปลี่ยนเส้นทางกลับไปยังแอปเมื่อมีการส่งอีเมลยืนยัน

นอกจากนี้ คุณสามารถแปลอีเมลยืนยันได้โดยอัปเดตรหัสภาษาในอินสแตนซ์ Auth ก่อนส่งอีเมล ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth } from "firebase/auth";

const auth = getAuth();
auth.languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();

เว็บรุ่น8

firebase.auth().languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();

ตั้งรหัสผ่านของผู้ใช้

คุณสามารถตั้งค่ารหัสผ่านของผู้ใช้กับ updatePassword วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, updatePassword } from "firebase/auth";

const auth = getAuth();

const user = auth.currentUser;
const newPassword = getASecureRandomPassword();

updatePassword(user, newPassword).then(() => {
  // Update successful.
}).catch((error) => {
  // An error ocurred
  // ...
});

เว็บรุ่น8

const user = firebase.auth().currentUser;
const newPassword = getASecureRandomPassword();

user.updatePassword(newPassword).then(() => {
  // Update successful.
}).catch((error) => {
  // An error ocurred
  // ...
});

ส่งอีเมลรีเซ็ตรหัสผ่าน

คุณสามารถส่งอีเมลรีเซ็ตรหัสผ่านให้กับผู้ใช้ที่มี sendPasswordResetEmail วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, sendPasswordResetEmail } from "firebase/auth";

const auth = getAuth();
sendPasswordResetEmail(auth, email)
  .then(() => {
    // Password reset email sent!
    // ..
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    // ..
  });

เว็บรุ่น8

firebase.auth().sendPasswordResetEmail(email)
  .then(() => {
    // Password reset email sent!
    // ..
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ..
  });

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

นอกจากนี้ยังเป็นไปได้ที่จะผ่านรัฐผ่านทาง ยังคง URL ที่จะเปลี่ยนเส้นทางกลับไปยังแอปเมื่อมีการส่งอีเมลรีเซ็ตรหัสผ่าน

นอกจากนี้ คุณสามารถแปลอีเมลรีเซ็ตรหัสผ่านโดยอัปเดตรหัสภาษาในอินสแตนซ์ Auth ก่อนส่งอีเมล ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth } from "firebase/auth";

const auth = getAuth();
auth.languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();

เว็บรุ่น8

firebase.auth().languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();

คุณยังส่งอีเมลรีเซ็ตรหัสผ่านได้จากคอนโซล Firebase

ลบผู้ใช้

คุณสามารถลบบัญชีผู้ใช้ที่มี delete วิธี ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, deleteUser } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

deleteUser(user).then(() => {
  // User deleted.
}).catch((error) => {
  // An error ocurred
  // ...
});

เว็บรุ่น8

const user = firebase.auth().currentUser;

user.delete().then(() => {
  // User deleted.
}).catch((error) => {
  // An error ocurred
  // ...
});

คุณสามารถใช้ยังลบจากส่วนรับรองความถูกต้องของ Firebase คอนโซล บนหน้าผู้ใช้

ตรวจสอบสิทธิ์ผู้ใช้อีกครั้ง

บางคนที่มีความสำคัญการรักษาความปลอดภัยการกระทำเช่น การลบบัญชี , การตั้งค่าที่อยู่อีเมลหลัก และ เปลี่ยนรหัสผ่าน -require ว่าผู้ใช้มีการลงนามในเร็ว ๆ นี้. ถ้าคุณดำเนินการอย่างใดอย่างหนึ่งของการกระทำเหล่านี้และผู้ใช้ที่ลงนามในนานเกินไปที่ผ่านมา การดำเนินการล้มเหลวโดยมีข้อผิดพลาด เมื่อเกิดเหตุการณ์นี้อีกครั้งตรวจสอบผู้ใช้โดยการลงชื่อเข้าใช้ใหม่ข้อมูลประจำตัวจากผู้ใช้และผ่านข้อมูลประจำตัวที่ reauthenticateWithCredential ตัวอย่างเช่น:

เว็บรุ่น 9

import { getAuth, reauthenticateWithCredential } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

// TODO(you): prompt the user to re-provide their sign-in credentials
const credential = promptForCredentials();

reauthenticateWithCredential(user, credential).then(() => {
  // User re-authenticated.
}).catch((error) => {
  // An error ocurred
  // ...
});

เว็บรุ่น8

const user = firebase.auth().currentUser;

// TODO(you): prompt the user to re-provide their sign-in credentials
const credential = promptForCredentials();

user.reauthenticateWithCredential(credential).then(() => {
  // User re-authenticated.
}).catch((error) => {
  // An error ocurred
  // ...
});

นำเข้าบัญชีผู้ใช้

คุณสามารถนำเข้าบัญชีผู้ใช้จากไฟล์ในโครงการ Firebase ของคุณโดยใช้ Firebase CLI ของ auth:import คำสั่ง ตัวอย่างเช่น:

firebase auth:import users.json --hash-algo=scrypt --rounds=8 --mem-cost=14