Cara Memperbaiki Kode Kesalahan Masuk Google 12500

Memperbaiki Konfigurasi Masuk Google untuk Aplikasi React Native

Bereaksi skrip front-end Asli untuk menyelesaikan masalah Masuk dengan 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;

Mengonfigurasi API Backend untuk Masuk dengan Google

Skrip backend Node.js untuk menangani data Masuk dengan 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');
});

Pertanyaan Umum tentang Kesalahan Masuk Google

1. Apa yang menyebabkan kesalahan Masuk Google 12500?
2. Kesalahan 12500 biasanya disebabkan oleh kesalahan konfigurasi ID klien, sidik jari SHA-1, atau layar persetujuan OAuth di Google Developer Console.
3. Bagaimana cara memperbaiki kesalahan Masuk Google 12500?
4. Pastikan bahwa client ID Dan SHA-1 fingerprint telah disiapkan dengan benar di Konsol Pengembang Google. Verifikasi juga pengaturan layar persetujuan OAuth.
5. Mengapa Login dengan Google memerlukan sidik jari SHA-1?
6. Google menggunakan sidik jari SHA-1 untuk memverifikasi keaslian aplikasi yang membuat permintaan masuk, memastikan bahwa permintaan tersebut berasal dari sumber tepercaya.
7. Bagaimana cara mengonfigurasi sidik jari SHA-1 untuk aplikasi saya?
8. Anda dapat mengonfigurasi sidik jari SHA-1 di Konsol Pengembang Google di bagian kredensial proyek Anda.
9. Apa yang harus saya lakukan jika layar persetujuan OAuth saya tidak dikonfigurasi dengan benar?
10. Pastikan semua bidang wajib diisi dan cakupan yang diperlukan ditentukan dengan benar di setelan layar izin OAuth di Google Developer Console.
11. Apakah cakupan yang salah dapat menyebabkan kesalahan Masuk dengan Google?
12. Ya, jika cakupan yang diperlukan oleh aplikasi Anda tidak ditentukan dengan benar di layar persetujuan OAuth, hal ini dapat menyebabkan kesalahan autentikasi.
13. Apakah sidik jari SHA-1 perlu diperbarui jika saya membuat keystore baru?
14. Ya, jika Anda membuat keystore baru untuk aplikasi Anda, Anda perlu memperbarui sidik jari SHA-1 di Google Developer Console.
15. Apa praktik terbaik untuk menangani kesalahan Masuk Google di React Native?
16. Pastikan semua konfigurasi di Konsol Pengembang Google sudah benar, tangani kesalahan dengan baik dalam kode Anda, dan berikan petunjuk yang jelas kepada pengguna untuk menyelesaikan masalah autentikasi.