React 实现谷歌登录

谷歌登录

const PROD_AUTH_DOMAIN = '';
const firebaseAuthDomain = import.meta.env.DEV ? `${window.location.hostname}:5173` : PROD_AUTH_DOMAIN;

export const firebaseConfig = {
    apiKey: '',
    authDomain: firebaseAuthDomain,
    projectId: '',
    storageBucket: '',
    messagingSenderId: '',
    appId: '',
    measurementId: '',
};

// App.tsx
export const app = initializeApp(firebaseConfig);

// 关键代码
const handleContinueGoogle = useCallback(async () => {
    setIsLoading(true);
    try {
        const auth = getAuth();
        const provider = new GoogleAuthProvider();
        provider.addScope('email');
        provider.addScope('profile');

        // Web 端使用 signInWithPopup
        const result = await signInWithPopup(auth, provider);
        console.log('result', result);

        // const credential = GoogleAuthProvider.credentialFromResult(result);
        // const token = credential.accessToken;

        if (result.user) {
            const user = result.user;
            const userId = user.uid;
            const email = user.email || '';
            // TODO 待确认方案是否可行
            const isRegister = (result as any).additionalUserInfo?.isNewUser || false;

            // 持久化存储
            await Storage.set(storageKeys.userId, userId);
            await Storage.set(storageKeys.userEmail, email);
            await Storage.set(storageKeys.userInfo, user);
            await Storage.set(storageKeys.userToken, 'true');

            if (userInfo) {
                reportUserInfo(userId, { email }, userInfo).catch(() => {});
            }
            reportUserContactService(userId, { email }, false).catch(
                () => {},
            );

            setIsLoggedIn(true);
            const routePath = isRegister ? '/login-result' : '/';
            // 使用 replace 导航到首页，避免在历史中保留登录页
            navigate(routePath, { replace: true });
            if (!isRegister) {
                // 额外替换当前历史状态，减少因返回导致的老页面残留问题
                safeReplaceHistoryState({ loggedIn: true }, '', '/');
            }
        }
    } catch (error: any) {
        console.error('Google login failed:', error);
        toastError(error.message || 'Failed to sign in with Google.');
    } finally {
        setIsLoading(false);
    }
}, [navigate, setIsLoggedIn, userInfo]);