내용으로 건너뛰기

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

소셜 로그인 GitHub 저장소

이 문서는 안드로이드에서 Google Sign-In을 Firebase Authentication과 통합하는 방법을 설명합니다. Firebase Google 설정을 이미 완료했다면 이 문서를 읽어보세요. 일반 Firebase Google 설정

  1. 프로젝트 개요로 이동하려면 console.cloud.google.com을 방문하세요. Firebase Project Overview

    Firebase Project Overview
  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 Gradle Scripts 섹션에서 build.gradle (모듈: app) 파일을 찾으세요
      4. 이것을 복사하세요. 이건 Firebase 콘솔에서 사용할 android.defaultConfig.applicationIdFirebase 콘솔에서 사용할 package name Build.gradle 파일에 applicationId 설정을 보여줍니다 주의
      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. Firebase Add App Android Skip 'Download and then add config file' Continue to console 버튼

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

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

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

    1. 터미널을 열어 주세요. 앱 폴더에 위치한 터미널을 열어 주세요. android 터미널에 gradlew signInReport 명령어를 실행하세요 ./gradlew signInReport

      이 명령어를 위로 스크롤하세요. 다음을 복사하세요.
    2. 이 명령어를 위로 스크롤하세요. 다음을 복사하세요. SHA1.

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

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

    1. 버튼을 클릭하세요 Build -> Authentication 파이어베이스 인증 로그인 방법 버튼
    2. 버튼 Sign-in method 파이어베이스 앱 추가 안드로이드 추가 지문 저장 버튼 파이어베이스 앱 추가 안드로이드 추가 지문 버튼
    3. 클릭하여 Google 제공자 파이어베이스 인증 로그인 방법 Google 제공자
    4. 클릭하여 Web SDK configuration 버튼 파이어베이스 인증 로그인 방법 웹 SDK 구성 버튼
    5. 복사하여 Web client ID. 이는 플러그인에서 사용할 webClientIdinitialize 메소드입니다.
    파이어베이스 인증 로그인 방법 웹 SDK 구성 웹 클라이언트 ID
  12. 웹 클라이언트 ID를 JS에서 사용하세요.

이제는 Firebase Authentication과 Google Sign-In을 Android에서 사용할 수 있지만, Google Cloud 콘솔에서 설명한 다음 단계에서 설정을 다시 한번 확인하는 것을 추천합니다. Google Cloud 콘솔에서 설정을 다시 한번 확인하세요 Google Cloud 콘솔에서 설정을 다시 한번 확인하는 방법

설정을 올바르게 하기 위해, 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 2 (스크린샷에 나타난 숫자 1) 구글 클라우드 콘솔 인증서 검색
  4. Android 및 웹 클라이언트 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 로그인 on Android를 사용 중이라면 Firebase Google 로그인 on Android 인증 및 계정 흐름을 계획하고 연결하려면 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-social-login 두 단계 인증 두 단계 인증 구현 세부 사항에 대한 설명