Kaip autentifikuoti prisijungimą prie Facebook naudojant Firebase

„Firebase“ yra nešiojamasis ir žiniatinklio programų etapas, turintis instrumentus ir sistemą, skirtą inžinieriams sukurti nuostabias programas. „Firebase“ sudaro abipusiai akcentai, kuriuos inžinieriai gali maišyti ir suderinti, kad atitiktų jų poreikius. „Firebase“ suteiktos administracijos, leidžiančios dizaineriams greičiau surinkti ir išsiųsti programas, apima:


  • Žinutės iš debesies
  • Patvirtinimas
  • Realaus laiko duomenų bazė
  • Talpa
  • Pranešimas apie gedimus, kad jūsų programos būtų stabilios ir be klaidų.
  • „Test Lab“ gali perteikti puikias programas.

Naudotojai gali autentifikuotis naudodamiesi „Firebase“ naudodami „Facebook“ paskyras, į programą integruodami „Facebook“ prisijungimą. „Facebook“ prisijungimą galite integruoti naudodamiesi „Firebase SDK“ prisijungimo srautui vykdyti, arba vykdydami „Facebook“ prisijungimo srautą rankiniu būdu ir perduodami gautą prieigos raktą „Firebase“..

Kaip autentifikuoti prisijungimą prie Facebook naudojant Firebase

Būtinos sąlygos

  1. Pridėkite „Firebase“ prie savo „JavaScript“ projekto.
  2. „Facebook“ kūrėjams svetainėje gaukite programos ID ir programos paslaptį
  3. Įgalinti „Facebook“ prisijungimą:
  1. „Firebase“ pulte atidarykite skyrių Auth.
  1. Skirtuke „Prisijungimo būdas“ įgalinkite prisijungimo prie „Facebook“ metodą ir nurodykite programos ID ir programos paslaptį, kurią gavote iš „Facebook“.
  1. Tada įsitikinkite, kad jūsų „OAuth“ peradresavimo URI (pvz., „My-app-12345.firebaseapp.com/__/auth/handler“) yra nurodytas kaip vienas iš „OAuth“ peradresavimo URI „Facebook“ programos nustatymų puslapyje „Facebook“ programuotojams skirtoje produkto vietoje. Nustatymai > „Facebook“ prisijungimo konfigūracija.

1 veiksmas: tvarkykite prisijungimo srautą naudodami „Firebase SDK“

Jei kuriate žiniatinklio programą, paprasčiausias būdas autentifikuoti savo vartotojus naudojant „Firebase“ naudojant jų „Facebook“ paskyras yra prisijungimo srautas naudojant „Firebase JavaScript“ SDK. (Jei norite autentifikuoti vartotoją „Node.js“ ar kitoje ne naršyklės aplinkoje, prisijungimo procesą turite tvarkyti rankiniu būdu.)

2 veiksmas: sukurkite „Facebook“ teikėjo objekto egzempliorių

var teikėjas = new firebase.auth.FacebookAuthProvider ();

3 veiksmas: nurodykite papildomas „OAuth 2.0“ sritis, kurių norite prašyti iš autentifikacijos teikėjas.

Norėdami pridėti apimtį, paskambinkite „addScope“. Pavyzdžiui:

teikėjas.addSkopas (‘user_birthday’);

Neprivaloma: Norėdami lokalizuoti teikėjo „OAuth“ srautą vartotojo pasirinkta kalba, aiškiai neperduodant atitinkamų pasirinktinių „OAuth“ parametrų, prieš pradėdami „OAuth“ srautą atnaujinkite kalbos kodą Auth egzemplioriuje. Pavyzdžiui:

firebase.auth (). languageCode = ‘fr_FR’;
// Taikyti numatytąją naršyklės nuostatą, o ne aiškiai nustatyti
tai.
// firebase.auth (). useDeviceLanguage ();

4 veiksmas: nurodykite papildomus pasirinktinius „OAuth“ teikėjo parametrus, kuriuos norite siųsti naudodami „OAuth“ užklausa

Norėdami pridėti pasirinktinį parametrą, paskambinkite „setCustomParameters“ į inicijuotą teikėją su objektu, kuriame yra raktas, nurodytas „OAuth“ teikėjo dokumentuose, ir atitinkama reikšmė. Pavyzdžiui:

teikėjas.setCustomParameters ({
‘ekranas’: ‘iššokantis’
});

Rezervuoti reikalingi „OAuth“ parametrai neleidžiami ir bus ignoruojami. Norėdami gauti daugiau informacijos, žr. Autentifikacijos teikėjo nuorodą.

5 veiksmas: autentifikuokite naudodami „Firebase“ naudodami „Facebook“ teikėjo objektą

Galite paraginti savo vartotojus prisijungti prie savo „Facebook“ paskyrų atidarydami iššokantį langą arba nukreipdami į prisijungimo puslapį. Pirmenybė teikiama peradresavimo metodams mobiliuosiuose įrenginiuose.

Norėdami prisijungti naudodamiesi iškylančiu langu, paskambinkite „signInWithPopup“:

firebase.auth (). signInWithPopup (teikėjas). Tada (funkcija (rezultatas) {
// Tai suteikia „Facebook“ prieigos raktą. Galite naudoti ją norėdami pasiekti
„Facebook“ API.
var token = rezultatas.credential.accessToken;
// Vartotojo prisijungimo informacija.
var vartotojas = rezultatas.naudotojas;
// …
}) .gaudyti (funkcija (klaida) {
// Čia tvarkykite klaidas.
var errorCode = error.code;
var errorMessage = error.message;
// Naudotos vartotojo paskyros el. Paštas.
var email = error.email;
// Naudotas „firebase.auth.AuthCredential“ tipas.
var credential = error.credential;
// …
});

Taip pat atkreipkite dėmesį, kad galite nuskaityti „Facebook“ teikėjo „OAuth“ prieigos raktą, kuris gali būti naudojamas norint gauti papildomų duomenų naudojant „Facebook“ API.

Čia taip pat galite pagauti ir sutvarkyti klaidas. Norėdami rasti klaidų kodų sąrašą, žiūrėkite Auth Reference Documents.

Norėdami prisijungti peradresuodami į prisijungimo puslapį, paskambinkite „signInWithRedirect“:

firebase.auth (). signInWithRedirect (teikėjas);

Tada taip pat galite nuskaityti „Facebook“ teikėjo „OAuth“ prieigos raktą paskambinę „getRedirectResult“, kai jūsų puslapis įkeliamas:

firebase.auth (). getRedirectResult (). tada (funkcija (rezultatas) {
if (rezultatas.credential) {
// Tai suteikia „Facebook“ prieigos raktą. Galite naudoti jį prieigai
„Facebook“ API.
var token = rezultatas.credential.accessToken;
// …
}
// Vartotojo prisijungimo informacija.
var vartotojas = rezultatas.naudotojas;
}) .gaudyti (funkcija (klaida) {
// Čia tvarkykite klaidas.
var errorCode = error.code;
var errorMessage = error.message;
// Naudotos vartotojo paskyros el. Paštas.
var email = error.email;
// Naudotas „firebase.auth.AuthCredential“ tipas.
var credential = error.credential;
// …
});

Dabar facebook prisijungimo tapatumo patvirtinimo veiksmai yra atlikti. Galite sėkmingai patvirtinti „facebook“ prisijungimą naudodami „firebase“.

Peržiūrėkite 3 populiariausias „Cloud“ prieglobos paslaugas:

„FastComet“

Pradinė kaina:
59,95 USD


Patikimumas
9.7


Kainodara
9.5


Draugiškas vartotojui
9.7


Palaikymas
9.7


funkcijos
9.6

Skaitykite apžvalgas

Apsilankykite „FastComet“

Debesys

Pradinė kaina:
10,00 USD


Patikimumas
9.4


Kainodara
9.2


Draugiškas vartotojui
9.2


Palaikymas
9.3


funkcijos
9.3

Skaitykite apžvalgas

Apsilankykite „Cloudways“

„Hostinger“

Pradinė kaina:
7,45 USD


Patikimumas
9.3


Kainodara
9.3


Draugiškas vartotojui
9.4


Palaikymas
9.4


funkcijos
9.2

Skaitykite apžvalgas

Apsilankykite „Hostinger“

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me