Začněte s ověřováním Firebase na webových stránkách

Ověřování Firebase můžete použít k tomu, abyste uživatelům umožnili přihlásit se do aplikace pomocí jedné nebo více metod přihlašování, včetně přihlašování pomocí e-mailové adresy a hesla a federativních poskytovatelů identit, jako je přihlašování Google a Facebook Login. Tento návod vám pomůže začít s ověřováním Firebase tím, že vám ukáže, jak do aplikace přidat přihlašování pomocí e-mailové adresy a hesla.

Připojte svou aplikaci k Firebase

Instalace Firebase SDK. Nezapomeňte vložit konfigurační kód do své webové stránky podle popisu.

(Volitelné) Prototypování a testování pomocí sady Firebase Local Emulator Suite

Než si povíme o tom, jak vaše aplikace ověřuje uživatele, představíme si sadu nástrojů, které můžete použít k prototypování a testování funkcí ověřování: Firebase Local Emulator Suite. Pokud se rozhodujete mezi technikami a poskytovateli ověřování, zkoušíte různé datové modely s veřejnými a soukromými daty pomocí ověřování a bezpečnostních pravidel Firebase nebo prototypujete návrhy přihlašovacího uživatelského rozhraní, může být možnost pracovat lokálně bez nasazení živých služeb skvělým nápadem.

Emulátor ověřování je součástí sady Local Emulator Suite, která umožňuje vaší aplikaci komunikovat s emulovaným obsahem a konfigurací databáze a volitelně také s emulovanými zdroji projektu (funkce, jiné databáze a bezpečnostní pravidla). Všimněte si, že sada Local Emulator Suite zatím nepodporuje emulované úložiště.

Použití emulátoru Authentication zahrnuje jen několik kroků:

  1. Přidání řádku kódu do testovacího konfiguráku vaší aplikace pro připojení k emulátoru.
  2. Z kořenového adresáře vašeho lokálního projektu spuštění firebase emulators:start.
  3. Použití uživatelského rozhraní sady Local Emulator Suite pro interaktivní prototypování nebo rozhraní API REST emulátoru Authentication pro neinteraktivní testování.

Podrobný návod je k dispozici na adrese Připojte svou aplikaci k emulátoru Authentication, další informace najdete v úvodu sady Local Emulator Suite.

Nyní pokračujme v postupu ověřování uživatelů.

Zaregistrujte nové uživatele

Vytvořte formulář, který umožní novým uživatelům zaregistrovat se do vaší aplikace pomocí e-mailové adresy a hesla. Když uživatel formulář vyplní, ověřte jím zadanou e-mailovou adresu a heslo a poté je předejte metoděcreateUserWithEmailAndPassword:

Přihlášení stávajících uživatelů

Vytvořte formulář, který umožní stávajícím uživatelům přihlásit se pomocí jejich e-mailové adresy a hesla. Když uživatel formulář vyplní, zavolejte metodusignInWithEmailAndPassword:

Nastavte pozorovatele stavu ověřování a získejte údaje o uživateli

Pro každou stránku vaší aplikace, která potřebuje informace o přihlášeném uživateli,připojte pozorovatele ke globálnímu objektu ověřování. Tento pozorovatel se vyvolá vždy, když se změní stav přihlášení uživatele.

Připojte pozorovatele pomocí metody onAuthStateChanged. Když se uživatelúspěšně přihlásí, můžete v pozorovateli získat informace o uživateli.

Přečtěte si, jak přidat podporu pro další poskytovatele identit a anonymní účty hostů:

  • Přihlášení na Google
  • Přihlášení na Facebook
  • Přihlášení na Twitter
  • Přihlášení na GitHub
  • Anonymní přihlášení

.

Leave a Reply