如何修复 Google 登录错误代码 12500

修复 React Native 应用程序的 Google 登录配置

React Native 前端脚本解决 Google 登录问题

import { GoogleSignin } from '@react-native-google-signin/google-signin';
import { useState, useEffect } from 'react';
import { View, Button, Alert } from 'react-native';
import api from './api';
import { useNavigation } from '@react-navigation/native';

const CLIENT_ID = 'YOUR_NEW_CLIENT_ID';

const GoogleSignIN = () => {
  const [loading, setLoading] = useState(false);
  const navigation = useNavigation();

  useEffect(() => {
    GoogleSignin.configure({ androidClientId: CLIENT_ID });
  }, []);

  const signIn = async () => {
    try {
      await GoogleSignin.hasPlayServices();
      const userInfo = await GoogleSignin.signIn();
      const socialLoginData = { email: userInfo.user.email, name: userInfo.user.name };
      setLoading(true);

      const res = await api.post('/Auth/login-single-signin', socialLoginData);
      if (res.data.ack === 1) {
        navigation.navigate('DrawerNavigation');
      } else {
        navigation.navigate('VerifyEmail', { msg: res.data.message });
      }
    } catch (error) {
      Alert.alert('Sign In Error', error.message);
    } finally {
      setLoading(false);
    }
  };

  return (
    <View>
      <Button
        title={loading ? 'Signing In...' : 'Sign In with Google'}
        onPress={signIn}
        disabled={loading}
      />
    </View>
  );
};

export default GoogleSignIN;

为 Google 登录配置后端 API

用于处理 Google 登录数据的 Node.js 后端脚本

const express = require('express');
const bodyParser = require('body-parser');
const { OAuth2Client } = require('google-auth-library');
const CLIENT_ID = 'YOUR_NEW_CLIENT_ID';
const client = new OAuth2Client(CLIENT_ID);
const app = express();

app.use(bodyParser.json());

app.post('/Auth/login-single-signin', async (req, res) => {
  const { email, name } = req.body;
  try {
    // Verify the ID token using Google's OAuth2Client
    const ticket = await client.verifyIdToken({
      idToken: req.body.token,
      audience: CLIENT_ID,
    });
    const payload = ticket.getPayload();

    if (payload.email === email) {
      // Simulate database interaction for login
      const user = { email, name, ack: 1 };
      res.status(200).json(user);
    } else {
      res.status(401).json({ ack: 0, message: 'Email verification failed' });
    }
  } catch (error) {
    res.status(500).json({ ack: 0, message: error.message });
  }
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

有关 Google 登录错误的常见问题解答

1. 是什么原因导致 Google 登录错误 12500？
2. 错误 12500 通常是由 Google 开发者控制台中的客户端 ID、SHA-1 指纹或 OAuth 同意屏幕配置错误引起的。
3. 如何修复 Google 登录错误 12500？
4. 确保 client ID 和 SHA-1 fingerprint 已在 Google 开发者控制台中正确设置。另外，验证 OAuth 同意屏幕设置。
5. 为什么 Google 登录需要 SHA-1 指纹？
6. Google 使用 SHA-1 指纹来验证发出登录请求的应用程序的真实性，确保请求来自可信来源。
7. 如何为我的应用程序配置 SHA-1 指纹？
8. 您可以在项目的凭据部分下的 Google 开发者控制台中配置 SHA-1 指纹。
9. 如果我的 OAuth 同意屏幕配置不正确，我该怎么办？
10. 确保填写所有必填字段，并在 Google 开发者控制台的 OAuth 同意屏幕设置中正确定义必要的范围。
11. 不正确的范围会导致 Google 登录错误吗？
12. 是的，如果您的应用程序所需的范围未在 OAuth 同意屏幕中正确定义，则可能会导致身份验证错误。
13. 如果生成新的密钥库，是否需要更新 SHA-1 指纹？
14. 是的，如果您为应用程序生成新的密钥库，则需要在 Google 开发者控制台中更新 SHA-1 指纹。
15. 在 React Native 中处理 Google 登录错误的最佳实践是什么？
16. 确保 Google 开发者控制台中的所有配置正确，妥善处理代码中的错误，并为用户提供解决身份验证问题的清晰说明。