Firebase es un nivel de aplicación web y portátil con herramientas y marcos diseñados para permitir que los ingenieros creen aplicaciones asombrosas. Firebase consta de aspectos destacados recíprocos que los ingenieros pueden combinar y adaptar a sus necesidades. Las administraciones proporcionadas por Firebase que permiten a los diseñadores crear y enviar aplicaciones más rápido incluyen:

  • Mensajería en la nube
  • Validación
  • Base de datos en tiempo real
  • capacidad
  • Informes de fallos para mantener sus aplicaciones estables y sin errores.
  • Laboratorio de pruebas para enseñar aplicaciones brillantes.

Los usuarios pueden autenticarse con sus cuentas de Facebook en Firebase integrando el inicio de sesión de Facebook en la aplicación. Puede integrar el inicio de sesión de Facebook utilizando el SDK de Firebase para completar el proceso de inicio de sesión o completando manualmente el proceso de inicio de sesión de Facebook y pasando el token de acceso resultante a Firebase.

Cómo autenticar el inicio de sesión de Facebook con Firebase

requisitos

  1. Agrega Firebase a tu proyecto de JavaScript.
  2. Vaya al sitio web para desarrolladores de Facebook para obtener el ID de la aplicación y un secreto de la aplicación para su aplicación
  3. Activar inicio de sesión de Facebook:
  1. En Firebase console, abre la sección Auth.
  1. En la pestaña Método de inicio de sesión, habilite el método de inicio de sesión de Facebook y proporcione el ID de la aplicación y el Secreto de la aplicación que recibió de Facebook.
  1. Luego, asegúrese de que su URI de redireccionamiento de OAuth (por ejemplo, my-app-12345.firebaseapp.com/__/auth/handler) aparezca como uno de sus URI de redireccionamiento de OAuth en la página de configuración de su aplicación de Facebook en el sitio web para desarrolladores de Facebook que aparece en el producto es Configuración> Configuración de inicio de sesión de Facebook.

Paso 1: completa el proceso de inicio de sesión con el SDK de Firebase

Si está creando una aplicación web, la forma más fácil de autenticar a sus usuarios con Firebase usando sus cuentas de Facebook es usar el SDK de Firebase JavaScript para completar el proceso de inicio de sesión. (Si desea autenticar a un usuario en Node.js o en cualquier otro entorno que no sea un navegador, deberá completar el proceso de inicio de sesión manualmente).

Paso 2: crear una instancia del objeto de proveedor de Facebook

var provider = new firebase.auth.FacebookAuthProvider();

Paso 3: Proporcione dominios de OAuth 2.0 adicionales que desee que requiera la autenticación Proveedores.

Para agregar un alcance, llame a addScope. Por ejemplo:

provider.addScope('user_birthday');

Opcional: Para localizar el flujo de OAuth del proveedor al idioma preferido del usuario sin pasar explícitamente los parámetros de OAuth personalizados relevantes, actualice el código de idioma en la instancia de Auth antes de iniciar el flujo de OAuth. Por ejemplo:

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

Paso 4: Proporcione parámetros de proveedor de OAuth personalizados adicionales que desee enviar con el Solicitud de OAuth

Para agregar un parámetro personalizado, llame a setCustomParameters en el proveedor inicializado con un objeto que contenga la clave y el valor especificados en la documentación del proveedor OAuth. Por ejemplo:

provider.setCustomParameters({
'display': 'popup'
});

Los parámetros OAuth obligatorios reservados no están permitidos y se ignorarán. Para obtener más información, consulte la Referencia del proveedor de autenticación.

Paso 5: autenticarse en Firebase usando el objeto de proveedor de Facebook

Puede pedir a sus usuarios que inicien sesión con sus cuentas de Facebook abriendo una ventana emergente o redirigiendo a la página de inicio de sesión. Se prefiere el método de redireccionamiento en dispositivos móviles.

Para iniciar sesión con una ventana emergente, llame a signInWithPopup:

firebase.auth().signInWithPopup(provider).then(function(result) {
// This gives you a Facebook Access Token. You can use it to access the
Facebook API.
var token = result.credential.accessToken;
// The signed-in user info.
var user = result.user;
// ...
}).catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// The email of the user's account used.
var email = error.email;
// The firebase.auth.AuthCredential type that was used.
var credential = error.credential;
// ...
});

También tenga en cuenta que puede obtener el token OAuth del proveedor de Facebook, que puede usarse para obtener datos adicionales a través de las API de Facebook.

También puede detectar y manejar errores aquí. Para obtener una lista de los códigos de error, consulte los Documentos de referencia de autenticación.

Para iniciar sesión redirigiendo a la página de inicio de sesión, vaya a signInWithRedirect:

firebase.auth().signInWithRedirect(provider);

Luego, también puede obtener el token OAuth del proveedor de Facebook llamando a getRedirectResult cuando se cargue su página:

firebase.auth().getRedirectResult().then(function(result) {
if (result.credential) {
// This gives you a Facebook Access Token. You can use it to access
the Facebook API.
var token = result.credential.accessToken;
// ...
}
// The signed-in user info.
var user = result.user;
}).catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// The email of the user's account used.
var email = error.email;
// The firebase.auth.AuthCredential type that was used.
var credential = error.credential;
// ...
});

Ahora se han completado los pasos para autenticar el inicio de sesión de Facebook. Puede autenticar correctamente el inicio de sesión de Facebook utilizando Firebase.

Consulte los 3 mejores servicios de hosting en la nube: