当我尝试使用 firebase 进行 google 身份验证时会弹出一个窗口，但它不起作用

大佬教程收集整理的这篇文章主要介绍了当我尝试使用 firebase 进行 google 身份验证时会弹出一个窗口，但它不起作用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决当我尝试使用 firebase 进行 google 身份验证时会弹出一个窗口，但它不起作用？

当我尝试使用 firebase 执行 Google 身份验证时，GoogleSignInWithPopup 方法和其他方法都不起作用。我正在按照文档中的说明操作，但没有任何显示 关于这个错误。 它不会抛出任何错误并且所有函数都被调用

这是我正在实现的代码：

const firebaseConfig = {
APIKey: "AIzaSyBTtZRgAufHwkuth3Jo-pnTTKl1tBrK92o",authDomain: "journal-react-redux.firebaseapp.com",projectID: "journal-react-redux",storageBucket: "journal-react-redux.appspot.com",messagingSenderID: "189133948252",appID: "1:189133948252:web:99aaaedf42fdb97243ed99"
};

firebase.initializeApp(firebaseConfig);


const db = firebase.firestore();
const GoogleauthprovIDer = new firebase.auth.GoogleauthprovIDer();


export {
    db,GoogleauthprovIDer,firebase
}

export const startGoogleLogin = () => {
    return (dispatch) => {
        firebase.auth().signInWithRedirect(GoogleauthprovIDer)
            .then(({ user }) => {
                dispatch(
                    login(user.uID,user.displayName)
                )
            });

    }
}

export const login = (uID,displayName) => {
    return {
        type: types.login,payload: {
            uID,displayname
        }
    }

}


const handleGoogleLogin = () =>{
    dispatch(startGoogleLogin);
}

这是使用和声明使用的所有代码。 PS：这个应用是在 react 17 和 redux 中制作的。

解决方法

export const loginUserWithGoogle = () => {
    const provider = new firebase.auth.Googleauthprovider();

    return auth
        .signInWithPopup(provider)
        .then((result) => {
            return result.user;
        })
}

export const logInWithGoogle = () => {
    return (dispatch) => {
        loginUserWithGoogle()
            .then((user) => {
                // ... do something with user
            })
            .catch(error => {
                console.log(error)
            })
    }
}

const handleGoogleLogin = () => {
    return (dispatch) => { 
        dispatch(startGoogleLogin);
    }
}

大佬总结

以上是大佬教程为你收集整理的当我尝试使用 firebase 进行 google 身份验证时会弹出一个窗口，但它不起作用全部内容，希望文章能够帮你解决当我尝试使用 firebase 进行 google 身份验证时会弹出一个窗口，但它不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。