Como corrigir o código de erro de login do Google 12500

Corrigindo a configuração de login do Google para aplicativos React Native

Script de front-end React Native para resolver problemas de login do 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;

Configurando API de back-end para login do Google

Script de back-end Node.js para lidar com dados de login do Google

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');
});

Perguntas frequentes sobre erros de login do Google

1. O que causa o erro 12500 de login do Google?
2. O erro 12500 normalmente é causado por configuração incorreta do ID do cliente, da impressão digital SHA-1 ou da tela de consentimento do OAuth no Google Developer Console.
3. Como posso corrigir o erro 12500 de login do Google?
4. Certifique-se de que o client ID e SHA-1 fingerprint estão configurados corretamente no Google Developer Console. Além disso, verifique as configurações da tela de consentimento do OAuth.
5. Por que o Login do Google exige uma impressão digital SHA-1?
6. O Google usa a impressão digital SHA-1 para verificar a autenticidade do aplicativo que faz a solicitação de login, garantindo que a solicitação vem de uma fonte confiável.
7. Como configuro a impressão digital SHA-1 para meu aplicativo?
8. Você pode configurar a impressão digital SHA-1 no Google Developer Console na seção de credenciais do seu projeto.
9. O que devo fazer se minha tela de consentimento do OAuth não estiver configurada corretamente?
10. Certifique-se de que todos os campos obrigatórios sejam preenchidos e que os escopos necessários estejam definidos corretamente nas configurações da tela de consentimento do OAuth no Google Developer Console.
11. Escopos incorretos podem causar erros de login do Google?
12. Sim, se os escopos exigidos pela sua aplicação não estiverem definidos corretamente na tela de consentimento do OAuth, isso pode levar a erros de autenticação.
13. É necessário atualizar a impressão digital SHA-1 se eu gerar um novo keystore?
14. Sim, se você gerar um novo keystore para seu aplicativo, precisará atualizar a impressão digital SHA-1 no Google Developer Console.
15. Quais são as práticas recomendadas para lidar com erros de login do Google no React Native?
16. Certifique-se de que todas as configurações no Google Developer Console estejam corretas, trate os erros normalmente em seu código e forneça instruções claras aos usuários para resolver problemas de autenticação.