내용으로 건너뛰기

__CAPGO_KEEP_0__ Social Login 저장소

GitHub

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

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

    Firebase 프로젝트 개요
  2. 버튼 클릭 Add app button

    구글 플러그인 추가 버튼 구글 플러그인 추가 버튼
  3. 선택 Android

    Firebase 플러그인 추가 버튼
  4. 폼의 첫 번째 부분을 채우세요

    1. 채우세요 Android package name
      1. Android Studio에서 앱을 열어보세요 npx cap open android
      2. 네비게이터의 가장 아래 부분에서 Gradle Scripts 섹션을 찾으세요 Gradle Scripts 프로젝트 네비게이터의 Gradle Scripts 섹션
      3. 찾아보기 build.gradle 모듈 app Gradle Scripts 섹션의 build.gradle (모듈: 앱) 파일에서
      4. 이것을 복사하세요. android.defaultConfig.applicationId이것이 Firebase 콘솔에서 사용할 package name Firebase 콘솔에서 Build.gradle 파일을 보여주는 applicationId 구성 주의
      1. Note: The ID shown here will differ from the one I will use for the rest of the guide. I will use 파이어베이스 앱 추가 Android 패키지 이름 필드
    2. 버튼을 클릭하세요. Register app 버튼 파이어베이스 앱 추가 Android 등록 버튼
  5. Skip Download and then add config file 단계를 건너뛰세요.

    파이어베이스 앱 추가 Android '다운로드 후 구성 파일 추가' 건너뛰기
  6. Skip Add firebase SDK 단계를 건너뛰세요.

    파이어베이스 앱 추가 Android '파이어베이스 SDK 추가' 건너뛰기
  7. 버튼을 클릭하세요. Continue to console 버튼

    파이어베이스 앱 추가 Android 계속 콘솔으로
  8. 자동으로 인증되지 않은 경우 다음을 따라하십시오. settings -> general -> your apps -> Android 앱을 찾으십시오. 클릭하십시오.

    파이어베이스 앱 추가 Android 설정 일반 앱 목록 버튼
  9. SHA1 지문 얻으십시오.

    10-11 단계를 따라하십시오. Google 로그인 Android 설정 가이드 터미널을 열으십시오. 앱 폴더에 위치하십시오.:

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

      터미널 출력에 SHA1 인증서 지문이 표시되어야 합니다.
    2. 터미널 SHA1.

      터미널
  10. 버튼

    1. Firebase 앱 추가 Android 지문 추가 버튼 Add fingerprint 버튼 버튼
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요. 파이어베이스 앱 추가 Android finger print SHA1 field
    3. 이전 단계에서 복사한 SHA1을 붙여넣으세요. Save 버튼 파이어베이스 앱 추가 Android finger print 저장 버튼
  11. 웹 클라이언트 ID를 받으세요.

    1. 가서 Build -> Authentication 파이어베이스 인증 로그인 방법 버튼
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요. Sign-in method 버튼 버튼
    3. 이전 단계에서 복사한 SHA1을 붙여넣으세요. Google 제공자 파이어베이스 인증 로그인 방법 Google 제공자
    4. 버튼을 클릭하세요. Web SDK configuration 버튼 파이어베이스 인증 로그인 방법 웹 SDK 설정 버튼
    5. 복사하십시오 Web client ID이것은 플러그인의 webClientId 메서드입니다. initialize 파이어베이스 인증 로그인 방법 웹 __CAPGO_KEEP_0__ 설정 웹 클라이언트 ID
    Firebase 인증 로그인 방법 웹 SDK 설정 웹 클라이언트 ID
  12. 주의

이 단계에서, 기술적으로 Android에서 Firebase 인증과 Google Sign-In을 사용할 준비가 되었습니다. 그러나 Google Cloud 콘솔의 설정을 다음 단계에서 설명한 대로 다시 확인하는 것이 좋습니다. TECHNICALLY 제목 "Google Cloud 콘솔의 설정을 다시 확인하세요"

설정의 정확성을 확인하기 위해, Google Cloud 콘솔의 설정을 다시 확인해야 합니다.

이동하세요

이동

  1. 이동 console.cloud.google.com

  2. 프로젝트 찾기

    1. 프로젝트 선택자 클릭 구글 클라우드 콘솔 프로젝트 선택자
    2. Firebase 프로젝트의 정확한 이름으로 프로젝트를 검색하고 클릭하세요. 나의 경우는 sociallogin-tutorial-app. Firebase 프로젝트 선택자 프로젝트
  3. 검색 바 열기 credentials

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

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

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

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

Voila! 이제 안드로이드에서 구글 시그니니(Firebase 인증) 사용할 준비가 되었습니다.

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

  • 인증합니다 idToken Firebase 콘솔에서 Google Sign-In이 활성화되어 있는지 확인하세요.
  • SHA-1 finger print가 올바르게 구성되어 있는지 확인하세요.
  • 참고로 __CAPGO_KEEP_0__ 예제 앱을 확인하세요.
  • Review the example app code Section titled “Keep going from Firebase Google Login on Android”

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

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

Android에서 Firebase Google Login을 사용하는 경우 Android Firebase Google 로그인 인증 및 계정 흐름을 계획하고 싶다면 Android에서 Firebase Google Login을 연결하세요. @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 @capgo/capacitor-native-biometric 구현 세부 사항에 대해 두 단계 인증 구현 세부 사항에 대한 두 단계 인증 정보입니다.