본문으로 건너뛰기

안드로이드에서 Firebase Google 로그인으로 계속 진행하세요

소셜 로그인 GitHub 저장소

안드로이드에서 Google Sign-In을 Firebase Authentication과 통합하는 방법에 대한 안내서입니다. Firebase Google 설정을 이미 완료한 것으로 가정합니다. 일반 Firebase Google 설정

설정 단계

설정 단계
  1. 프로젝트 개요로 이동하려면 console.cloud.google.com을 방문하세요. Firebase 프로젝트 개요

    Firebase Console에서
  2. 프로젝트 개요 Add app 버튼

    파이어베이스 앱 추가 버튼 파이어베이스 앱 추가 버튼
  3. 선택 Android

    파이어베이스 앱 추가 안드로이드 버튼
  4. 폼의 첫 번째 부분을 채우세요

    1. 채우세요 Android package name
      1. 앱을 사용하는 안드로이드 스튜디오를 열어보세요 npx cap open android
      2. 네비게이터의 가장 아래 부분에서 찾으세요 Gradle Scripts Android Studio 프로젝트 탐색기에서 Gradle Scripts 섹션
      3. 찾기 build.gradle 모듈 app build.gradle (모듈: 앱) 파일을 Gradle Scripts 섹션에서 찾으세요
      4. 복사하세요. 이건 Firebase 콘솔에서 사용할 android.defaultConfig.applicationIdFirebase 콘솔에서 Build.gradle 파일을 보여주는 애플리케이션 ID 구성 package name 주의 주의
      1. Firebase 콘솔에 붙여넣기 Firebase Add App Android Package Name Field
    2. 버튼을 클릭하세요 Register app 버튼 Firebase Add App Android Register Button
  5. 스텝을 건너뛰세요 Download and then add config file Firebase Add App Android Skip 'Download and then add config file'

    스텝을 건너뛰세요
  6. Firebase Add App Android Skip 'Add firebase __CAPGO_KEEP_0__' Add firebase SDK 버튼을 클릭하세요

    Firebase Add App Android Skip 'Add firebase SDK'
  7. 스텝을 건너뛰세요 Continue to console 버튼

    파이어베이스 앱 추가 안드로이드 콘솔로 계속하기 버튼
  8. 자동으로 인증되지 않으면 settings -> general -> your apps -> 안드로이드 앱을 찾고 클릭하세요

    파이어베이스 앱 추가 안드로이드 설정 일반 앱 버튼
  9. SHA1 지문 가져오기

    10-11 단계부터 구글 로그인 안드로이드 설정 가이드:

    1. 터미널을 열어 주세요. 앱 폴더에 있는지 확인하세요. android 터미널에 gradlew signInReport 명령어를 실행하세요 ./gradlew signInReport

      이 명령어를 위로 스크롤하세요. 다음을 복사하세요.
    2. 다음과 같은 것을 볼 수 있습니다. SHA1.

      터미널 출력에 표시된 SHA1 인증서 지문
  10. 버튼을 클릭하세요

    1. __CAPGO_KEEP_0__ Add fingerprint __CAPGO_KEEP_0__ 파이어베이스 앱 추가 안드로이드 추가 지문 버튼
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요 파이어베이스 앱 추가 안드로이드 추가 지문 SHA1 필드
    3. 버튼을 클릭하세요 Save 버튼 파이어베이스 앱 추가 안드로이드 추가 지문 저장 버튼
  11. 웹 클라이언트 ID를 가져오세요

    1. 다음으로 이동하세요 Build -> Authentication 파이어베이스 인증 메뉴
    2. 버튼을 클릭하세요 Sign-in method 파이어베이스 인증 로그인 방법 버튼 __CAPGO_KEEP_0__
    3. 클릭하여 Google 제공자 파이어베이스 인증 로그인 방법 Google 제공자
    4. 클릭하여 Web SDK configuration 버튼 파이어베이스 인증 로그인 방법 웹 SDK 구성 버튼
    5. 복사하여 Web client ID이것은 플러그인의 webClientId 메소드 initialize 파이어베이스 인증 로그인 방법 웹 __CAPGO_KEEP_0__ 구성 웹 클라이언트 ID
    Firebase Authentication Sign-in Method Web SDK Configuration Web Client ID
  12. method

Google Cloud 콘솔에서 설정을 다시 확인하세요 Google Cloud 콘솔에서 설정을 다시 확인하는 방법 설정을 올바르게 하기 위해, Google Cloud 콘솔에서 설정을 다시 확인하세요.

설정을 다시 확인하세요

설정을 다시 확인하는 방법

설정을 다시 확인하세요

  1. Google Cloud Console로 이동하세요. console.cloud.google.com

  2. 프로젝트를 찾으세요.

    1. 프로젝트 선택자 클릭 Google Cloud Console 프로젝트 선택자
    2. Firebase 프로젝트의 정확한 이름으로 프로젝트를 검색하고 클릭하세요. 나의 경우는 sociallogin-tutorial-app. Firebase 프로젝트 선택자 프로젝트
  3. 검색 바를 열고 credentials

    1. 검색 바를 열기 Google Cloud Console 검색 바
    2. 검색하고 credentials 클릭하세요. APIs and Services 1 (스크린샷에 2 번째) 구글 클라우드 콘솔 인증 검색
  4. 리스트에 Android 및 Web 클라이언트 ID가 모두 보이는지 확인하세요.

    구글 클라우드 콘솔 인증 목록
  5. Firebase 콘솔에서 Android 클라이언트 ID가 올바르게 구성되어 있는지 확인하세요.

    1. 클릭 Android구글 클라우드 콘솔 Android 앱 선택
    2. SHA1 해시가 올바르게 구성되어 있고 이전 단계에서 복사한 것과 일치하는지 확인하세요. 구글 클라우드 콘솔 안드로이드 앱 SHA1 구성
  6. 파이어베이스 콘솔에서 웹 클라이언트 ID가 올바르게 구성되어 있는지 확인하세요.

    1. 클릭 Web구글 클라우드 콘솔 웹 앱 선택
    2. 클라이언트 ID가 이전 단계에서 복사한 것과 일치하는지 확인하세요. 구글 클라우드 콘솔 웹 앱 클라이언트 ID 구성

이제 Android에서 Google Sign-In을 Firebase Authentication과 함께 사용할 준비가 되었습니다.

문제 해결

문제 해결

인증이 지연되거나 실패하는 경우:

  • Firebase 웹 클라이언트 ID와 일치하는 사용자를 확인하십시오. idToken Firebase 콘솔에서 Google Sign-In이 활성화되어 있는지 확인하십시오.
  • SHA-1 finger print가 올바르게 구성되어 있는지 확인하십시오.
  • 참고로 __CAPGO_KEEP_0__
  • 예시 앱을 참조하십시오. example app code Troubleshooting

Section titled “Troubleshooting”

Android에서 Firebase Google 로그인 계속하기

Firebase Google 로그인을 사용 중이라면 Firebase Google 로그인을 사용 중이라면 인증 및 계정 흐름을 계획하고 싶다면 Firebase Google 로그인을 연결하세요 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric 두 단계 인증 두 단계 인증 구현에 대한 세부 정보