Aloita Firebase-todennuksen käyttö verkkosivustoilla

Voit käyttää Firebase-todennusta, jotta käyttäjät voivat kirjautua sovellukseesi yhdellä tai useammalla sisäänkirjautumismenetelmällä, mukaan lukien sähköpostiosoitteen ja salasanan avulla tapahtuva sisäänkirjautuminen sekä yhdistetyt identiteettipalveluntarjoajat, kuten Google Sign-in ja Facebook Login. Tässä ohjeessa pääset alkuun Firebase Authenticationin kanssa näyttämällä, miten sovellukseesi lisätään sähköpostiosoitteella ja salasanalla tapahtuva kirjautuminen.

Kytke sovelluksesi Firebaseen

Asenna Firebase SDK. Muista liittää konfiguraatiokoodi verkkosivullesi kuvatulla tavalla.

(Valinnainen) Prototyyppien luominen ja testaaminen Firebase Local Emulator Suiten avulla

Ennen kuin puhumme siitä, miten sovelluksesi todentaa käyttäjiä, esitellään joukko työkaluja, joita voit käyttää tunnistautumistoiminnallisuuden prototyyppien luomiseen ja testaamiseen: Firebase Local Emulator Suite. Jos olet päättämässä autentikointitekniikoiden ja palveluntarjoajien välillä, kokeilemassa erilaisia tietomalleja julkisilla ja yksityisillä tiedoilla käyttäen autentikointia ja Firebase Security Rules -sääntöjä tai prototyyppiä kirjautumiskäyttöliittymäsuunnitelmista, mahdollisuus työskennellä paikallisesti ilman live-palveluiden käyttöönottoa voi olla loistava ajatus.

Autentikointi-emulaattori on osa Local Emulator Suite -sovellussarjaa, jonka avulla sovelluksesi voi olla vuorovaikutuksessa emuloitujen tietokantojen sisällön ja konfiguraatioiden sekä valinnaisesti emuloitujen projektin resurssien kanssa (funktiot, muut tietokannat ja tietoturvasäännöt). Huomaa, että Local Emulator Suite ei vielä tue emuloitua tallennustilaa.

Autentikointi-emulaattorin käyttämiseen kuuluu vain muutama vaihe:

1. Lisäämällä koodirivi sovelluksesi testikonfiguraatioon yhteyden muodostamiseksi emulaattoriin.
2. Lokaalin projektihakemistosi juuresta ajamalla firebase emulators:start.
3. Käyttämällä Local Emulator Suite -käyttöliittymää vuorovaikutteiseen prototyyppien luomiseen taiAutentikaatioemulaattorin REST API:ta ei-interaktiiviseen testaukseen.

Tarkempi opas on saatavilla osoitteessa Yhdistä sovelluksesi Authentication-emulaattoriin.Lisätietoja on Local Emulator Suiten esittelyssä.

Jatketaan nyt käyttäjien todennusta.

Uusien käyttäjien kirjaaminen

Luo lomake, jonka avulla uudet käyttäjät voivat rekisteröityä sovellukseesi sähköpostiosoitteensa ja salasanansa avulla. Kun käyttäjä täyttää lomakkeen, validoi käyttäjän antama sähköpostiosoite ja salasana ja siirrä ne sitten metodiincreateUserWithEmailAndPassword:

Olemassa olevien käyttäjien kirjautuminen

Luo lomake, jonka avulla olemassa olevat käyttäjät voivat kirjautua sisään käyttämällä sähköpostiosoitettaan ja salasanaa. Kun käyttäjä täyttää lomakkeen, kutsusignInWithEmailAndPassword-metodia:

Todennustilan havainnoitsijan asettaminen ja käyttäjätietojen hakeminen

Liitä havainnoitsija globaaliin todentamisobjektiin jokaiselle sovelluksesi sivulle, joka tarvitsee tietoja kirjautuneesta käyttäjästä. Tämä havainnoitsija kutsutaan aina, kun käyttäjän kirjautumistila muuttuu.

Kiinnitä havainnoitsija käyttämällä onAuthStateChanged-metodia. Kun käyttäjäsisäänkirjautuminen onnistuu, saat käyttäjän tiedot tarkkailijasta.

Opi lisäämään tuki muille identiteettipalveluntarjoajille ja anonyymeille vierastileille:

• Google-sisäänkirjautuminen
• Facebook-sisäänkirjautuminen
• Twitter-sisäänkirjautuminen
• GitHub-sisäänkirjautuminen
• Anonyymi sisäänkirjautuminen

.