Firebase Google 로그인 Android

소개

이 안내서에서는 Android에서 Google Sign-In을 Firebase 인증과 통합하는 방법을 알려줍니다. Firebase Google 설정을 이미 완료했다고 가정합니다. 일반 Firebase Google 설정

주의

이 안내서에서는 Android 앱을 아직 Firebase 콘솔에 생성하지 않은 경우에만 적용됩니다. 이미 생성했다면, 단계가 약간 다를 것입니다.

설정 단계

1. 프로젝트 개요로 이동하세요. console.cloud.google.com

   

2. 버튼을 클릭하세요. Add app button

   

   주의

   이 버튼을 찾으려면 이 페이지를 참조해야 할 수 있습니다. 이 경우에는 Firebase Console에서 이미 다른 앱을 생성한 경우에만 해당합니다.

   

3. 선택 Android

   

4. 폼의 첫 번째 부분을 완성하세요

   1. 완성하세요 Android package name
      1. 앱을 사용하는 안드로이드 스튜디오에서 열어보세요 npx cap open android
      2. 네비게이터의 가장 아래 부분에서 찾으세요 Gradle Scripts
      3. 찾아보기 build.gradle 모듈 app
      4. 복사하세요. android.defaultConfig.applicationId이것은 Firebase 콘솔에서 package name Firebase 콘솔에서 Build.gradle 파일을 보여주는 애플리케이션 ID 구성

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

      나머지 가이드에서 사용할 ID app.capgo.plugin.SocialLogin Firebase 콘솔에 붙여넣으세요.

      5. 찾아보기
   2. 파이어베이스 앱 추가 Android 등록 버튼 Register app 버튼

5. 다운로드 및 구성 파일 추가를 생략하는 단계 Download and then add config file 단계

   

6. 단계 Add firebase SDK 파이어베이스 __CAPGO_KEEP_0__ 추가를 생략하는 단계

   

7. 버튼 Continue to console 버튼

   

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

   

9. SHA1 지문 가져오기

   10-11 단계부터 Google 로그인 Android 설정 가이드를 따라하세요 터미널을 열어보세요. 앱 폴더에 있는지 확인하세요.:

   1. 터미널에서 gradlew signInReport 명령어를 실행하세요 android 이 명령어의 맨 위로 스크롤하세요. 다음을 복사하세요. ./gradlew signInReport

      

   2. 터미널 출력에 SHA1 인증서 지문이 보이면 SHA1.

      

   주의

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

   주의

   SHA1을 정확하게 얻는 것이 매우 중요합니다. 오류를 범하면 인증이 이상한 방식으로 실패할 것입니다. 그래서 Google 로그인 안드로이드 설정 가이드를 읽어보세요. Firebase 프로젝트에 SHA1을 추가하세요.

10. 버튼을 클릭하세요.

    1. Firebase 앱 Android 추가 지문 버튼 Add fingerprint 버튼
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요.
    3. 이 단계에서 클릭하세요. Save 버튼

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

    1. 파이어베이스 인증 메뉴로 이동하세요. Build -> Authentication
    2. 버튼 Sign-in method 파이어베이스 인증 로그인 방법 버튼
    3. 버튼 Google 제공자
    4. 버튼을 클릭하세요. Web SDK configuration 버튼
    5. 복사하세요. 이 값은 플러그인에서 사용하는 Web client ID파이어베이스 인증 로그인 방법 웹 __CAPGO_KEEP_0__ 설정 웹 클라이언트 ID webClientId 웹 클라이언트 ID를 JS에서 사용하세요. initialize 주의
    

12. Click on the

    주의 사항

    이러한 기능을 사용하는 것을 추천합니다. authenticateWithGoogle Capacitor 앱의 authUtils.ts 파일에 있는 helper 함수를 사용하는 것을 추천합니다. 이제 Firebase Authentication와 Google Sign-In을 Android에서 사용할 수 있습니다. 그러나 Google Cloud 콘솔에서 설명된 다음 단계에서 설정을 다시 확인하는 것을 추천합니다.

Google Cloud 콘솔에서 설정을 다시 확인하세요 제목이 "Google Cloud 콘솔에서 설정을 다시 확인하세요"인 섹션 설정이 올바르게 구성되었는지 확인하기 위해, Google Cloud 콘솔에서 설정을 다시 확인하세요.

이동하세요

이동하세요

1. 이동하세요 구글 클라우드 콘솔

2. 프로젝트 찾기

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

3. 검색 바를 열고 credentials

   1. 검색 바 열기
   2. 검색 credentials 클릭 APIs and Services 1번 (스크린샷에서 2번)

4. 리스트에서 안드로이드 및 웹 클라이언트 ID가 모두 보이는지 확인하세요.

   

   주의

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

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

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

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

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

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

   참고

   웹 설정 가이드에서 나중에 이 설정에 대해 논의하겠습니다. Voila! 이제 안드로이드에서 Firebase 인증과 함께 구글 로그인 사용할 준비가 되었습니다..

구글 클라우드 콘솔 안드로이드 앱 SHA1 구성

문제 해결

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

• Firebase 웹 클라이언트 ID와 일치하는 사용자 그룹을 확인하세요. idToken Firebase 콘솔에서 Google Sign-In이 활성화되어 있는지 확인하세요.
• SHA-1 finger print가 올바르게 구성되어 있는지 확인하세요.
• 참고로 __CAPGO_KEEP_0__ 예제 앱을 확인하세요.
• Firebase Google Login on Android에서 계속 진행하세요. example app code Section titled “Keep going from Firebase Google Login on Android”

Section titled “Keep going from Firebase Google Login on Android”

Firebase Google Android 로그인 사용 중이시면 Firebase Google Android 로그인을 사용하여 인증 및 계정 흐름을 계획하고 그것을 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login과 연결하세요. Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login native 기능을 위해 @capgo/capacitor-social-login implementation detail을 위해 @capgo/capacitor-social-login implementation detail을 위해 @capgo/capacitor-passkey implementation detail을 위해 @capgo/capacitor-passkey implementation detail을 위해 @capgo/capacitor-native-biometric implementation detail을 위해 @capgo/capacitor-native-biometric Two-factor authentication 구현 세부 사항에 대한 두 요인 인증의 내용입니다.