Google 로그인 오류 코드 12500 수정 방법

React Native 앱의 Google 로그인 구성 수정

Google 로그인 문제를 해결하기 위한 React Native 프런트엔드 스크립트

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;

Google 로그인을 위한 백엔드 API 구성

Google 로그인 데이터 처리를 위한 Node.js 백엔드 스크립트

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

Google 로그인 오류에 대해 자주 묻는 질문(FAQ)

1. Google 로그인 오류 12500의 원인은 무엇입니까?
2. 오류 12500은 일반적으로 Google 개발자 콘솔에서 클라이언트 ID, SHA-1 지문 또는 OAuth 동의 화면이 잘못 구성되어 발생합니다.
3. Google 로그인 오류 12500을 수정하려면 어떻게 해야 하나요?
4. 다음을 확인하세요. client ID 그리고 SHA-1 fingerprint Google 개발자 콘솔에서 올바르게 설정되었습니다. 또한 OAuth 동의 화면 설정을 확인하세요.
5. Google 로그인에 SHA-1 지문이 필요한 이유는 무엇입니까?
6. Google은 SHA-1 지문을 사용하여 로그인을 요청하는 앱의 신뢰성을 확인하고 해당 요청이 신뢰할 수 있는 소스에서 오는지 확인합니다.
7. 내 앱의 SHA-1 지문을 어떻게 구성하나요?
8. 프로젝트의 자격 증명 섹션 아래에 있는 Google 개발자 콘솔에서 SHA-1 지문을 구성할 수 있습니다.
9. OAuth 동의 화면이 제대로 구성되지 않은 경우 어떻게 해야 하나요?
10. Google 개발자 콘솔의 OAuth 동의 화면 설정에서 모든 필수 필드가 작성되었고 필요한 범위가 올바르게 정의되었는지 확인하세요.
11. 잘못된 범위로 인해 Google 로그인 오류가 발생할 수 있나요?
12. 예, 애플리케이션에 필요한 범위가 OAuth 동의 화면에서 올바르게 정의되지 않은 경우 인증 오류가 발생할 수 있습니다.
13. 새 키 저장소를 생성하는 경우 SHA-1 지문을 업데이트해야 합니까?
14. 예, 앱에 대한 새 키 저장소를 생성하는 경우 Google 개발자 콘솔에서 SHA-1 지문을 업데이트해야 합니다.
15. React Native에서 Google 로그인 오류를 처리하는 모범 사례는 무엇입니까?
16. Google 개발자 콘솔의 모든 구성이 올바른지 확인하고, 코드의 오류를 적절하게 처리하고, 인증 문제 해결을 위해 사용자에게 명확한 지침을 제공하세요.