Comment réparer le code d'erreur de connexion Google 12500

Correction de la configuration de connexion Google pour les applications natives React

Script frontal React Native pour résoudre les problèmes de connexion à 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;

Configuration de l'API backend pour Google Sign-In

Script backend Node.js pour gérer les données de connexion 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');
});

Foire aux questions sur les erreurs de connexion à Google

1. Qu'est-ce qui cause l'erreur de connexion Google 12500 ?
2. L'erreur 12500 est généralement provoquée par une mauvaise configuration de l'ID client, de l'empreinte digitale SHA-1 ou de l'écran de consentement OAuth dans la console de développement Google.
3. Comment puis-je corriger l'erreur de connexion Google 12500 ?
4. Assurez-vous que le client ID et SHA-1 fingerprint sont correctement configurés dans la Google Developer Console. Vérifiez également les paramètres de l’écran de consentement OAuth.
5. Pourquoi Google Sign-In nécessite-t-il une empreinte digitale SHA-1 ?
6. Google utilise l'empreinte digitale SHA-1 pour vérifier l'authenticité de l'application effectuant la demande de connexion, garantissant ainsi que la demande provient d'une source fiable.
7. Comment configurer l'empreinte digitale SHA-1 pour mon application ?
8. Vous pouvez configurer l'empreinte digitale SHA-1 dans la console de développement Google sous la section des informations d'identification de votre projet.
9. Que dois-je faire si mon écran de consentement OAuth n'est pas configuré correctement ?
10. Assurez-vous que tous les champs obligatoires sont remplis et que les étendues nécessaires sont correctement définies dans les paramètres de l'écran de consentement OAuth dans la Google Developer Console.
11. Des champs d'application incorrects peuvent-ils provoquer des erreurs de connexion à Google ?
12. Oui, si les scopes requis par votre application ne sont pas correctement définis dans l'écran de consentement OAuth, cela peut entraîner des erreurs d'authentification.
13. Est-il nécessaire de mettre à jour l’empreinte SHA-1 si je génère un nouveau magasin de clés ?
14. Oui, si vous générez un nouveau magasin de clés pour votre application, vous devez mettre à jour l'empreinte SHA-1 dans la console des développeurs Google.
15. Quelles sont les meilleures pratiques pour gérer les erreurs de connexion à Google dans React Native ?
16. Assurez-vous que toutes les configurations de la Google Developer Console sont correctes, gérez les erreurs avec élégance dans votre code et fournissez des instructions claires aux utilisateurs pour résoudre les problèmes d'authentification.