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

소개

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

주의

이 안내서를 읽기 전에 Android 앱을 Firebase Console에서 생성하지 않은 것으로 가정합니다. 생성한 경우에는 단계가 약간 다를 것입니다.

설정 단계

1. console.cloud.google.com Firebase Project Overview

   

2. 프로젝트 개요 Add app 버튼

   

   주의

   이 버튼을 찾으려면 여기에 오를 수도 있습니다. 이 경우에는 이미 파이어베이스 콘솔에서 다른 앱을 생성한 경우에만 해당합니다.

   

3. 선택 Android

   

4. 폼의 첫 번째 부분을 채우세요

   1. 채우세요 Android package name
      1. 앱을 사용하는 안드로이드 스튜디오를 열어보세요 npx cap open android
      2. 네비게이터의 가장 아래 부분에서 찾으세요 Gradle Scripts
      3. 찾기 build.gradle 모듈 app
      4. 복사하세요. 이건 Firebase 콘솔에서 사용할 android.defaultConfig.applicationIdFirebase 콘솔에서 사용할 package name Build.gradle 파일에 applicationId 설정을 보여줍니다

      이 곳에 표시된 ID는 나머지 가이드에서 사용할 ID와 다를 수 있습니다. 나머지 가이드에서 사용할 ID는

      Android Studio 프로젝트 탐색기에서 Gradle Scripts 섹션 app.capgo.plugin.SocialLogin build.gradle (Module: app) file in Gradle Scripts section

      5. Firebase 콘솔에 붙여넣기
   2. 버튼을 클릭하세요 Register app 버튼

5. 다운로드 및 구성 파일을 추가하는 단계를 건너뛰세요 Download and then add config file 다운로드 및 구성 파일을 추가하는 단계를 건너뛰세요

   

6. 버튼을 클릭하세요 Add firebase SDK 버튼을 클릭하세요

   

7. 버튼을 클릭하세요 Continue to console 버튼

   

8. 자동으로 인증되지 않으면 settings -> general -> your apps -> 앱을 찾으시고 클릭하세요

   

9. SHA1 지문 가져오기

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

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

      

   2. 복사하세요 SHA1.

      

   주의

   이 가이드의 나머지 부분에서 SHA1을 약간 다른 것으로 사용할 것입니다. 원래 구글 로그인 안드로이드 설정 가이드를 작성할 때는 다른 컴퓨터를 사용했기 때문입니다.

   주의

   SHA1을 정확하게 입력해야 합니다. 오류가 있으면 인증이 이상한 방식으로 실패할 것입니다. 그래서 구글 로그인 안드로이드 설정 가이드를 읽어보세요. SHA1을 Firebase 프로젝트에 추가하세요.

10. 버튼을 클릭하세요.

    1. __CAPGO_KEEP_0__ Add fingerprint __CAPGO_KEEP_0__
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요
    3. 이 단계에서 클릭하세요 Save 버튼

11. 웹 클라이언트 ID를 가져오세요

    1. 파이어베이스 인증 메뉴로 이동하세요 Build -> Authentication
    2. 버튼 Sign-in method 파이어베이스 인증 로그인 방법 버튼
    3. Google provider를 클릭하세요. Google provider
    4. 버튼을 클릭하세요. Web SDK configuration button
    5. 이 값을 복사하세요. 이 값은 플러그인의 Web client IDin the webClientId method of the plugin. initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. Use the web client ID in JS.

    주의

    이 helper 함수를 사용하는 것을 추천합니다. authenticateWithGoogle 예제 앱의 authUtils.ts 파일에 있는 helper 함수를 사용하는 것을 추천합니다. authUtils.ts 파일의 helper 함수를 사용하는 것을 추천합니다. 이제 Android에서 Google Sign-In을 Firebase Authentication과 함께 사용할 수 있습니다. 그러나 Google Cloud 콘솔의 설정을 확인하는 것을 추천합니다.

Google Cloud 콘솔의 설정을 확인하세요. Google Cloud 콘솔의 설정을 확인하는 방법 Google Cloud 콘솔의 설정을 확인하여 올바른지 확인하세요.

Google Cloud 콘솔의 설정을 확인하세요.

Google Cloud 콘솔의 설정을 확인하여 올바른지 확인하세요.

1. Firebase로 로그인하기 플러그인 console.cloud.google.com으로 이동하세요

2. 프로젝트를 찾으세요

   1. 프로젝트 선택기 클릭
   2. Firebase 프로젝트의 정확한 이름으로 프로젝트를 검색하고 클릭하세요. 나의 경우는 sociallogin-tutorial-app.

3. 검색바를 열고 credentials

   1. 검색바 열기
   2. 를 검색하고 credentials 클릭하세요 APIs and Services 2 (스크린샷에 나온 숫자 2)

4. Android 및 웹 클라이언트 ID가 목록에 모두 보이는지 확인하세요.

   

   주의

   Android 및 웹 클라이언트 ID가 목록에 모두 보이지 않으면, 설정 단계에서 실수를 한 것입니다. 다시 돌아가서 확인하세요.

   또한, 이미 다른 프로젝트에서 동일한 앱 ID와 Android SHA1 해시를 추가한 경우가 있습니다. 이 경우 Firebase는 Android 클라이언트 ID를 생성할 수 없습니다. 이 경우 다른 프로젝트에서 SHA1을 제거하고 Firebase 콘솔에서 Android 앱을 제거한 후 다시 생성해야 합니다.

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

   1. 버튼을 클릭하세요. Android 앱
   2. SHA1 해시가 올바르게 구성되었는지 확인하고 이전 단계에서 복사한 것과 일치하는지 확인하세요.

6. 파이어베이스 콘솔에서 웹 클라이언트 ID가 올바르게 구성되었는지 확인하세요.

   1. 클릭 Web 앱
   2. 클라이언트 ID가 이전 단계에서 복사한 것과 일치하는지 확인하세요.

   참고

   웹 클라이언트의 나머지 설정은 무시하세요. 웹 설정 가이드에서 자세히 설명합니다. web setup guide.

이제 Android에서 Google Sign-In을 Firebase Authentication과 함께 사용할 수 있습니다.

문제 해결

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

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

__CAPGO_KEEP_0__

Firebase Google Login on Android을 사용 중이라면 Firebase Google Login 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 for the implementation detail in @capgo/capacitor-native-biometric, and 두 단계 인증 두 단계 인증 구현에 대한 세부 정보입니다.