Jak naprawić błąd logowania Google o kodzie 12500

Naprawianie konfiguracji logowania Google dla aplikacji React Native

Reaguj na natywny skrypt frontonu, aby rozwiązać problemy z logowaniem 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;

Konfigurowanie interfejsu API zaplecza dla logowania Google

Skrypt backendowy Node.js do obsługi danych logowania 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');
});

Często zadawane pytania dotyczące błędów logowania Google

1. Co powoduje błąd logowania Google 12500?
2. Błąd 12500 jest zwykle spowodowany błędną konfiguracją identyfikatora klienta, odcisku palca SHA-1 lub ekranu zgody OAuth w Google Developer Console.
3. Jak mogę naprawić błąd logowania Google 12500?
4. Upewnij się, że client ID I SHA-1 fingerprint są poprawnie skonfigurowane w Google Developer Console. Sprawdź także ustawienia ekranu zgody OAuth.
5. Dlaczego logowanie Google wymaga odcisku palca SHA-1?
6. Google używa odcisku palca SHA-1 do weryfikacji autentyczności aplikacji wysyłającej żądanie logowania, zapewniając, że żądanie pochodzi z zaufanego źródła.
7. Jak skonfigurować odcisk palca SHA-1 dla mojej aplikacji?
8. Możesz skonfigurować odcisk palca SHA-1 w Google Developer Console w sekcji danych logowania swojego projektu.
9. Co powinienem zrobić, jeśli mój ekran zgody OAuth nie jest poprawnie skonfigurowany?
10. Upewnij się, że wszystkie wymagane pola są wypełnione i że niezbędne zakresy są poprawnie zdefiniowane w ustawieniach ekranu zgody OAuth w Google Developer Console.
11. Czy nieprawidłowe zakresy mogą powodować błędy logowania Google?
12. Tak, jeśli zakresy wymagane przez Twoją aplikację nie zostaną poprawnie zdefiniowane na ekranie zgody OAuth, może to prowadzić do błędów uwierzytelniania.
13. Czy konieczna jest aktualizacja odcisku palca SHA-1, jeśli wygeneruję nowy magazyn kluczy?
14. Tak, jeśli wygenerujesz nowy magazyn kluczy dla swojej aplikacji, musisz zaktualizować odcisk palca SHA-1 w Google Developer Console.
15. Jakie są najlepsze praktyki dotyczące obsługi błędów logowania Google w React Native?
16. Upewnij się, że wszystkie konfiguracje w Google Developer Console są prawidłowe, sprawnie obsługuj błędy w kodzie i udostępniaj użytkownikom jasne instrukcje dotyczące rozwiązywania problemów z uwierzytelnianiem.