Firebase Google 로그인 on Android

설치 단계와 이 플러그인에 대한 전체 마크다운 가이드가 포함된 설정 프롬프트를 복사하세요.

소개

이 가이드는 Android에서 Google Sign-In을 Firebase Authentication과 통합하는 데 도움이 될 것입니다. Firebase Google 설정을 이미 완료한 것으로 가정합니다. 일반 Firebase Google 설정을 이미 완료한 것으로 가정합니다.

설치 단계

프로젝트 개요로 이동하세요. (console.cloud.google.com) Firebase 프로젝트 개요
버튼 Add app Firebase 앱 추가 버튼

Firebase 앱 추가 버튼
Select Android
양식의 첫 번째 부분을 채워주세요
1. Fill the Android package name
  1. Android Studio에서 앱을 사용하여 npx cap open android
  2. 네비게이터의 가장 아래 부분에서 Gradle Scripts
  3. Find build.gradle 모듈 app
  4. Copy the android.defaultConfig.applicationId. 이건 당신의 package name in the Firebase console
  이 곳에 표시된 ID는 나머지 가이드에서 사용할 ID와 다를 수 있습니다. 나머지 가이드에서 사용할 ID는 app.capgo.plugin.SocialLogin 나머지 가이드에서
  1. Firebase 콘솔에 붙여넣기
2. 버튼 클릭 Register app Firebase 앱 추가 Android 등록 버튼
Skip the Download and then add config file 단계
Skip the Add firebase SDK 단계
클릭하여 Continue to console 버튼
자동으로 인증되지 않으면, settings -> general -> your apps -> 안드로이드 앱을 찾고 클릭하세요
SHA1 지문 가져오기

Follow steps 10-11 from the Google Login Android 설정 가이드의:
1. Now, open the terminal. Make sure that you are in the android app 폴더에 있는 폴더에서 terminal을 열고 ./gradlew signInReport
2. 이 명령어의 맨 위로 스크롤을 내리세요. 그럼 아래와 같은 내용을 볼 수 있습니다. 그 내용을 복사하세요. SHA1.
이 가이드의 나머지 부분에서 SHA1을 약간 다르게 사용하겠습니다. 왜냐하면 원래의 Google login android 설정 가이드를 작성할 때 compute를 변경했기 때문입니다.

SHA1은 정확히 입력해야 합니다. 오류가 있으면 인증이 이상한 방식으로 실패합니다. Please GOOGLE 로그인 안드로이드 설정 가이드를 읽으십시오. SHA1을 정확히 입력하시려면
SHA1을 Firebase 프로젝트에 추가하세요.
1. 버튼을 클릭하세요. Add fingerprint Firebase 앱 추가 안드로이드 지문 추가 버튼
2. Firebase 앱 추가 안드로이드 지문 추가 SHA1 필드
3. Firebase 앱 추가 안드로이드 지문 추가 저장 버튼 Save 버튼을 클릭하세요.
__CAPGO_KEEP_0__
1. Go to Build -> Authentication
2. Click on the Sign-in method button
3. Click on the Google provider
4. Click on the Web SDK configuration button
5. Copy the Web client ID이것이 당신의 webClientId 에서 initialize 플러그인 메소드의
JS에서 웹 클라이언트 ID를 사용하세요.

나는 authenticateWithGoogle helper 함수가 있는 authUtils.ts 예제 앱의 파일

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

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

가장 먼저

console.cloud.google.com 프로젝트를 찾으세요
프로젝트 선택기 클릭
1. Google Cloud Console Project Selector
2. 프로젝트 선택기 sociallogin-tutorial-app.
검색 바를 열고 credentials
1. 검색 바를 열
2. 를 검색하고 credentials 클릭하고 APIs and Services (스크린샷에서 2번에 해당하는) 하나
Android 및 Web 클라이언트 ID가 모두 목록에 보이는지 확인합니다.

Android 및 웹 클라이언트 ID가 모두 목록에 보이지 않으면 설정에서 오류가 발생했습니다. 다시 돌아가서 확인해 주세요.
이것도 가능하고, 나도 경험했듯이, 이미 다른 프로젝트에서 동일한 앱 ID와 Android SHA1 해시를 추가한 경우가 있습니다. 이 경우 Firebase는 Android 클라이언트 ID를 생성할 수 없습니다. 이 경우 다른 프로젝트에서 SHA1을 제거하고 Firebase 콘솔에서 Android 앱을 제거한 후 다시 Firebase에 생성해야 합니다.
Firebase 콘솔에서 Android 클라이언트 ID가 올바르게 구성되어 있는지 확인하세요.
1. 클릭 Android 앱
2. SHA1 해시가 올바르게 구성되어 있는지 확인하고 이전 단계에서 복사한 것과 일치하는지 확인하세요.
Firebase 콘솔에서 웹 클라이언트 ID가 올바르게 구성되어 있는지 확인하세요.
1. 클릭 Web 앱
2. 이미지 클라이언트 ID가 이전 단계에서 복사한 ID와 일치하는지 확인하세요.
웹 클라이언트의 나머지 설정은 무시하세요. 이에 대한 자세한 내용은 웹 설정 가이드.

Voila! Android에서 Google Sign-In을 Firebase Authentication과 함께 사용할 준비가 되었습니다.

문제 해결

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

Firebase 웹 클라이언트 ID와 일치하는 idToken 청중을 확인하세요.
Google Sign-In이 Firebase Console에서 활성화되어 있는지 확인하세요.
SHA-1 fingerprint가 올바르게 구성되어 있는지 확인하세요.
__CAPGO_KEEP_0__ 예제 앱을 참조하세요. code에서 Firebase Google Login on Android로 계속 진행하세요. __CAPGO_KEEP_1__에서 Firebase Google Login on Android를 사용하는 경우 인증 및 계정 흐름을 계획하고 연결하세요.

__CAPGO_KEEP_0__에서 Firebase Google Login on Android로 계속 진행하세요. __CAPGO_KEEP_1__에서 Firebase Google Login on Android를 사용하는 경우 인증 및 계정 흐름을 계획하고 연결하세요. __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login을 사용하여 네이티브 기능을 연결하세요. Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-social-login capgo/capacitor-social-login 구현 세부 사항을 참조하십시오. @capgo/capacitor-passkey capgo/capacitor-passkey 구현 세부 사항을 참조하십시오. @capgo/capacitor-native-biometric capgo/capacitor-native-biometric 구현 세부 사항을 참조하십시오. 그리고 두 단계 인증 두 단계 인증 구현 세부 사항을 참조하십시오.