Google-sisäänkirjautumisvirhekoodin 12500 korjaaminen

Google-sisäänkirjautumismääritysten korjaaminen Reactin alkuperäisille sovelluksille

Ratkaise Google-sisäänkirjautumisongelmat reagoimalla alkuperäiseen käyttöliittymään

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;

Backend APIn määrittäminen Google-sisäänkirjautumista varten

Node.js-taustaskripti Google-sisäänkirjautumistietojen käsittelemiseen

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

Usein kysytyt kysymykset Google-sisäänkirjautumisvirheistä

1. Mikä aiheuttaa Google-sisäänkirjautumisvirheen 12500?
2. Virhe 12500 johtuu yleensä virheellisestä asiakastunnuksen, SHA-1-sormenjäljen tai OAuth-suostumusnäytön määrityksestä Google Developer Consolessa.
3. Kuinka voin korjata Google-sisäänkirjautumisvirheen 12500?
4. Varmista, että client ID ja SHA-1 fingerprint on määritetty oikein Google Developer Consolessa. Tarkista myös OAuthin suostumusnäytön asetukset.
5. Miksi Google-sisäänkirjautuminen vaatii SHA-1-sormenjäljen?
6. Google käyttää SHA-1-sormenjälkeä sisäänkirjautumispyynnön tekevän sovelluksen aitouden tarkistamiseen ja varmistaa, että pyyntö tulee luotettavasta lähteestä.
7. Kuinka määritän SHA-1-sormenjäljen sovellukselleni?
8. Voit määrittää SHA-1-sormenjäljen Google Developer Consolessa projektisi kirjautumistiedot-osiossa.
9. Mitä minun pitäisi tehdä, jos OAuth-suostumusnäyttöni ei ole määritetty oikein?
10. Varmista, että kaikki pakolliset kentät on täytetty ja että tarvittavat laajuudet on määritetty oikein OAuthin suostumusnäytön asetuksissa Google Developer Consolessa.
11. Voivatko väärät laajuudet aiheuttaa Google-sisäänkirjautumisvirheitä?
12. Kyllä. Jos sovelluksesi edellyttämiä laajuuksia ei ole määritetty oikein OAuth-suostumusnäytössä, se voi johtaa todennusvirheisiin.
13. Onko SHA-1-sormenjälki päivitettävä, jos luon uuden avainsäilön?
14. Kyllä. Jos luot sovelluksellesi uuden avainsäilön, sinun on päivitettävä SHA-1-sormenjälki Google Developer Consolessa.
15. Mitkä ovat parhaat käytännöt Google-sisäänkirjautumisvirheiden käsittelemiseksi React Nativessa?
16. Varmista, että kaikki Google-kehittäjäkonsolin määritykset ovat oikein, käsittele koodisi virheet tyylikkäästi ja anna käyttäjille selkeät ohjeet todennusongelmien ratkaisemiseksi.