Estoy tratando de crear una colección de usuarios en firebase firestore después de que el usuario inicie sesión con google. yo uso estas lineas de codigo
const signInWithGoogle = async () => { const provider = new fb.auth.GoogleAuthProvider(); fb.auth().useDeviceLanguage(); try { await fb.auth().signInWithRedirect(provider) fb.auth().getRedirectResult().then(function(result) { console.log("user sign in", result) DB.collection("users").add({ username: result.additionalUserInfo.profile.given_name, name : result.user.displayName, photo: result.user.photoURL, email: result.user.email, uid: result.user.uid, }); }).catch(function (error) { console.log("error", error.message) }); } catch (error) { console.log(error.message); } };pero cuando hago clic en el botón de inicio de sesión, el usuario inicia sesión, pero después de iniciar sesión, este código podría ejecutarse
.then(function(result) { console.log("user sign in", result) DB.collection("users").add({ username: result.additionalUserInfo.profile.given_name, name : result.user.displayName, photo: result.user.photoURL, email: result.user.email, uid: result.user.uid, }); }).catch(function (error) { console.log("error", error.message) })pero ese código no se llamó después de que el usuario iniciara sesión. ni console.log ("inicio de sesión del usuario", resultado) muestra el mensaje en la sección de la consola
así que este es el código anterior, había usado
const signInWithGoogle = async () => { const provider = new fb.auth.GoogleAuthProvider(); fb.auth().useDeviceLanguage(); try { await fb.auth().signInWithRedirect(provider) fb.auth().getRedirectResult().then(function(result) { console.log("user sign in", result) DB.collection("users").add({ username: result.additionalUserInfo.profile.given_name, name : result.user.displayName, photo: result.user.photoURL, email: result.user.email, uid: result.user.uid, }); }).catch(function (error) { console.log("error", error.message) }); } catch (error) { console.log(error.message); } };Pero el problema fue que el segundo código (getRedirectResult()) se ejecutó mientras se ejecutaba el primer código (signInWithRedirect (proveedor). Por lo tanto, es obvio que el segundo código dará un valor nulo como resultado porque el primer código no está hecho.
Para resolver ese problema, separo estos códigos en archivos diff. entonces en el archivo 'signin.js' escribo este código.
const signInWithGoogle = async () => { try { const provider = new fb.auth.GoogleAuthProvider(); fb.auth().signInWithRedirect(provider) } catch (error) { console.log(error.message); } }y el resto del código está escrito en el archivo "App.js".
fb.auth().getRedirectResult().then(function(result) { DB.collection("users").add({ username: result.additionalUserInfo.profile.given_name, name : result.user.displayName, photo: result.user.photoURL, email: result.user.email, uid: result.user.uid, }); });Y haciendo eso se soluciona el problema.
Grabé un video de YouTube también para esta solución. Puedes verlo aquí https://youtu.be/EKHk8tpd7dI