안드로이드에서 Firebase Google 로그인

소개

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

주의

이 안내서를 통해 Firebase Console에서 안드로이드 앱을 아직 생성하지 않았다고 가정합니다. 만약에 이미 생성했다면, Firebase Console에서 앱을 생성한 경우에는 단계가 약간 다를 것입니다.

설정 단계

1. console.cloud.google.com에서 프로젝트 개요로 이동하세요. Firebase Project Overview

   

2. Click on the Add app 버튼

   

   주의

   이 버튼을 찾으려면 여기서만 확인할 수 있습니다. 이 경우는 Firebase Console에서 이미 다른 앱을 생성한 경우에만 해당합니다.

   

3. 선택 Android

   

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

   1. 채우세요 Android package name
      1. 앱을 사용하는 Android Studio를 열어주세요 npx cap open android
      2. __CAPGO_KEEP_0__의 가장 아래 부분에서 Gradle Scripts
      3. Gradle Scripts 섹션에서 build.gradle 모듈 app
      4. __CAPGO_KEEP_0__을 복사하세요. 이 파일은 android.defaultConfig.applicationId__CAPGO_KEEP_1__ 콘솔에서 package name __CAPGO_KEEP_2__ 파일에 표시된 applicationId 설정을 보여줍니다.

      이 가이드의 나머지 부분에서 사용할 ID와는 다를 수 있습니다. 나머지 부분에서 사용할 ID는 __CAPGO_KEEP_3__입니다.

      __CAPGO_KEEP_0__는 Cloudflare, Capacitor, GitHub, Capgo, code, API, SDK, CLI, npm, bun app.capgo.plugin.SocialLogin __CAPGO_KEEP_0__을 위해 나머지 설명서를 계속 읽습니다.

      5. Firebase 콘솔에 붙여넣으세요
   2. 버튼을 클릭하세요 Register app 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 이 단계를

   

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

   

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

   

9. SHA1 지문 가져오기

   10-11 단계부터 Google Login Android 설정 가이드를 따라하세요.:

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

      

   2. 스크롤을 사용하여 이 명령어의 맨 위로 이동하세요. 그곳에서 다음을 확인하세요. 복사하세요. SHA1.

      

   주의

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

   주의

   SHA1을 정확하게 입력하지 않으면 인증이 실패할 수 있습니다. READ THE GOOGLE LOGIN ANDROID SETUP GUIDE SHA1을 올바르게 입력하려면 이 가이드를 참조하세요.

10. SHA1을 Firebase 프로젝트에 추가하세요.

    1. SHA1을 Firebase 프로젝트에 추가하세요. Add fingerprint 버튼
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요
    3. 이 단계에서 Save 버튼

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

    1. 파이어베이스 인증 메뉴로 이동하세요 Build -> Authentication
    2. 버튼 Sign-in method 파이어베이스 앱 추가 안드로이드 추가 지문 저장 버튼
    3. Click on the Google provider
    4. Click on the Web SDK configuration button
    5. Copy the Web client ID. 이 설정은 플러그인의 webClientId 인 인증 방법입니다. initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. JS에서 웹 클라이언트 ID를 사용하세요.

    Note

    Capgo를 사용하는 것을 추천합니다. authenticateWithGoogle Capgo에서 제공하는 authUtils.ts 파일의

helper 함수를 사용하세요. 이제는 TECHNICALLY

Android에서 Google Sign-In을 Firebase Authentication과 함께 사용할 준비가 되었습니다. 그러나 Google Cloud 콘솔의 설정을 다음 단계에서 설명한 대로 다시 한번 확인하는 것을 추천합니다.

Google Cloud 콘솔에서 설정이 올바른지 확인하기 위해, Google Cloud 콘솔에서 설정을 다시 한 번 확인하세요.

1. Go to console.cloud.google.com

2. 프로젝트를 찾으세요

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

3. 검색 바를 열고 credentials

   1. Open the search bar
   2. Search for credentials 그리고 스크린샷에 2번으로 표시된 항목을 클릭하세요. APIs and Services 스크린샷에 2번으로 표시된 항목

4. Android 및 Web 클라이언트 ID가 목록에 모두 표시되는지 확인하세요.

   

   주의

   Android 및 Web 클라이언트 ID가 목록에 모두 표시되지 않으면 설정 단계에서 오류가 발생했습니다. 다시 확인해 주세요.

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

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

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

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

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

   주의

   웹 클라이언트의 나머지 설정은 무시하세요. 이에 대해 나중에 설명하겠습니다. 웹 설정 가이드.

Voila! Android에서 Google Sign-In을 사용하기 위해 Firebase Authentication을 사용할 준비가되었습니다.

문제 해결

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

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

Android에서 Firebase Google Login으로 계속 진행하세요.

Android에서 Firebase Google Login을 사용 중이라면 Android에서 Firebase Google Login을 사용하여 인증 및 계정 흐름을 계획하고 Firebase Google Login과 연결하세요. @capgo/capacitor-social-login을 사용하여 Android에서 native 기능을 연결하세요. @capgo/capacitor-social-login을 사용하여 Android에서 native 기능을 연결하는 방법에 대해 설명합니다. @capgo/capacitor-social-login @capgo/capacitor-social-login의 implementation detail입니다. @capgo/capacitor-passkey @capgo/capacitor-passkey의 implementation detail입니다. @capgo/capacitor-native-biometric 구현 세부 사항에 대한 @capgo/capacitor-native-biometric 두 단계 인증 구현 세부 사항에 대한 두 단계 인증