내용으로 건너뛰기
Capgo - Capacitor 앱에 대한 실시간 업데이트 Capgo

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

소개

제목이 '소개'인 섹션

이 안내서에서는 Android에서 Google Sign-In을 Firebase Authentication과 통합하는 방법을 설명합니다. Google Firebase 일반 설정을 이미 완료했다고 가정합니다. 주의

제목이 '설정 단계'인 섹션

__CAPGO_KEEP_0__

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

    파이어베이스 프로젝트 개요

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

    파이어베이스 앱 추가 버튼 파이어베이스 앱 추가 버튼

  3. 선택 Android

    파이어베이스 앱 추가(안드로이드) 버튼

  4. 폼의 첫 번째 부분을 채우십시오

    1. Fill the Android package name
      1. 안드로이드 스튜디오를 앱을 사용하여 열어 주세요 npx cap open android
      2. "navigator"의 가장 아래 부분에서 찾으세요 Gradle Scripts 프로젝트 탐색기에서 Gradle 스크립트 섹션
      3. 찾아보기 build.gradle 모듈을위한 app Gradle 스크립트 섹션의 app 모듈 build.gradle 파일
      4. 복사하십시오 android.defaultConfig.applicationId이것은 당신의 package name Firebase 콘솔에서 applicationId 구성
      1. 파이어베이스 콘솔에 붙여넣으세요 파이어베이스 앱 추가 Android 패키지 이름 필드
    2. 버튼을 클릭하세요 Register app 파이어베이스 앱 추가 Android 등록 버튼 다운로드 및 설정 파일 추가 단계를 건너 뛰세요

  5. 단계를 건너 뛰세요 Download and then add config file 다운로드 및 설정 파일 추가를 건너 뛰세요

    단계를 건너 뛰세요

  6. 이 단계를 건너 뛰세요. Add firebase SDK 단계

    파이어베이스 Add App Android '파이어베이스 SDK 추가'를 건너 뛰세요.

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

    파이어베이스 Add App Android Console로 계속하기 버튼

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

    파이어베이스 Add App Android 설정 일반 앱 버튼

  9. SHA1 서명 얻으세요.

    10-11 단계에서 Google 로그인 Android 설정 가이드:

    1. 터미널을 열어 주세요. 먼저, 현재 위치가 Capgo 프로젝트 폴더 내에 있는지 확인하세요. android 애플리케이션의 폴더에 가서 실행하십시오. ./gradlew signInReport

      gradlew signInReport 명령어를 실행하는 터미널

    2. 스크롤을 올려보세요. 위에 있는 것을 보실 수 있습니다. 복사하세요. SHA1.

      SHA1 인증서 지문

  10. 파이어베이스 프로젝트에 SHA1을 추가하세요.

    1. 클릭하여 Add fingerprint 버튼 Firebase Add App Android __CAPGO_KEEP_0__ Button
    2. 이전 단계에서 복사한 SHA1을 붙여넣으세요 Firebase 앱 추가 Android Fingerprint SHA1 필드 추가
    3. 클릭하여 Save 버튼 파이어베이스 앱 추가 안드로이드 인식기능 저장 버튼

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

    1. __CAPGO_KEEP_0__으로 이동하세요. Build -> Authentication 파이어베이스 인증 메뉴
    2. 버튼을 클릭하세요. Sign-in method 버튼 파이어베이스 인증 로그인 방법 버튼
    3. 버튼을 클릭하세요. Google 서비스 파이어베이스 인증 로그인 방법 Google 서비스
    4. 버튼을 클릭하세요. Web SDK configuration 파이어베이스 인증 로그인 방법 웹 __CAPGO_KEEP_0__ 구성 버튼 Firebase Authentication Sign-in Method Web SDK Configuration Button
    5. 이것은 당신의 Web client ID이것이 될 것입니다. webClientId Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID initialize JS에서 웹 클라이언트 ID를 사용하세요.
    Firebase Authentication Sign-in Method Web SDK Configuration Web Client ID

  12. 주의

플러그인 메소드 Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID Android에서 Google Sign-In을 사용할 수 있는 Firebase 인증을 사용할 수 있습니다. 그러나 Google Cloud 콘솔의 설정을 다음 단계에서 설명한 대로 다시 확인하는 것을 추천합니다.

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

Google Cloud 콘솔의 설정을 다시 확인하는 방법

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

  1. 가장 console.cloud.google.com

  2. 프로젝트 찾기

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

  3. 검색 바를 열고 열기 credentials

    1. __CAPGO_KEEP_0__ Google Cloud Console 검색 바
    2. __CAPGO_KEEP_1__ credentials __CAPGO_KEEP_2__ APIs and Services __CAPGO_KEEP_3__ Google Cloud Console 인증 정보 검색

  4. __CAPGO_KEEP_4__

    Google Cloud Console 인증 정보 목록

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

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

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

    1. 클릭 Web 앱 Google Cloud Console Web App 선택
    2. 클라이언트 ID가 이전 단계에서 복사한 것과 일치하는지 확인하세요. Google Cloud Console Web App Client 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 편집