Kaip ištaisyti „Google“ prisijungimo klaidos kodą 12500

„React Native Apps“ prisijungimo prie „Google“ konfigūracijos taisymas

Reaguokite į vietinį sąsajos scenarijų, kad išspręstumėte „Google“ prisijungimo problemas

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 API konfigūravimas „Google“ prisijungimui

Node.js backend scenarijus, skirtas „Google“ prisijungimo duomenims tvarkyti

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

Dažnai užduodami klausimai apie „Google“ prisijungimo klaidas

1. Kas sukelia „Google“ prisijungimo klaidą 12500?
2. Klaida 12500 paprastai atsiranda dėl netinkamo kliento ID, SHA-1 kontrolinio kodo arba OAuth sutikimo ekrano konfigūracijos „Google Developer Console“.
3. Kaip ištaisyti „Google“ prisijungimo klaidą 12500?
4. Užtikrinkite, kad client ID ir SHA-1 fingerprint yra tinkamai nustatyti „Google Developer Console“. Taip pat patikrinkite OAuth sutikimo ekrano nustatymus.
5. Kodėl norint prisijungti prie „Google“ reikia SHA-1 kontrolinio kodo?
6. „Google“ naudoja SHA-1 kontrolinį kodą, kad patikrintų programos, pateikusios prisijungimo užklausą, autentiškumą ir užtikrintų, kad užklausa gauta iš patikimo šaltinio.
7. Kaip sukonfigūruoti programos SHA-1 kontrolinį kodą?
8. SHA-1 kontrolinį kodą galite konfigūruoti „Google Developer Console“ savo projekto prisijungimo duomenų skiltyje.
9. Ką daryti, jei „OAuth“ sutikimo ekranas nėra tinkamai sukonfigūruotas?
10. Įsitikinkite, kad visi privalomi laukai yra užpildyti ir būtinos ribos yra tinkamai apibrėžtos „OAuth“ sutikimo ekrano nustatymuose „Google Developer Console“.
11. Ar netinkamos apimties gali sukelti „Google“ prisijungimo klaidų?
12. Taip, jei programos reikalaujamos apimties OAuth sutikimo ekrane nėra tinkamai apibrėžtos, gali atsirasti autentifikavimo klaidų.
13. Ar būtina atnaujinti SHA-1 kontrolinį kodą, jei sugeneruoju naują raktų saugyklą?
14. Taip, jei sugeneruosite naują programos raktų saugyklą, turite atnaujinti SHA-1 kontrolinį kodą „Google Developer Console“.
15. Kokia yra geriausia „React Native“ prisijungimo prie „Google“ klaidų tvarkymo praktika?
16. Įsitikinkite, kad visos „Google Developer Console“ konfigūracijos yra teisingos, dailiai elkitės su kodo klaidomis ir pateikite aiškias instrukcijas naudotojams, kaip išspręsti autentifikavimo problemas.