Firebase Google 로그인

소개

Capacitor 소셜 로그인 플러그인은 웹 플랫폼을 지원하지 않습니다. 웹 애플리케이션의 경우 더 신뢰할 수 있는 팝업 기반 인증 흐름을 제공하는 Firebase의 내장 Google Sign-In을 직접 사용해야 합니다.웹에서 플러그인을 사용하지 않는 이유

제목이 '웹에서 플러그인을 사용하지 않는 이유'인 섹션

The Capacitor Social Login plugin is designed for native mobile platforms (Android and iOS) where it can leverage platform-specific authentication flows. For web, Firebase’s native signInWithPopup ✅ 브라우저 세션 스토리지 자동 처리

• __CAPGO_KEEP_0__ 소셜 로그인 플러그인은 네이티브 모바일 플랫폼 (Android 및 iOS)에서 플랫폼별 인증 흐름을 활용할 수 있으므로, 웹의 경우 Firebase의 내장
• __CAPGO_KEEP_0__ 소셜 로그인 플러그인은 네이티브 모바일 플랫폼 (Android 및 iOS)에서 플랫폼별 인증 흐름을 활용할 수 있으므로, 웹의 경우 Firebase의 내장
• ✅ 오류 처리를 위한 더 나은 관리
• ✅ 추가적인 설정이 필요하지 않습니다

설치 단계

1. 파이어베이스 프로젝트를 구성하십시오

   파이어베이스 프로젝트에 Google Sign-In이 활성화되어 있는지 확인하십시오:

   • 가장 먼저 파이어베이스 콘솔
   • 인증 > 로그인 방법으로 이동하십시오
   • Google Sign-In 제공자를 활성화하십시오

2. 인증된 도메인을 추가하십시오

   1. 프로젝트 개요로 이동하십시오 console.cloud.google.com
   2. 열기 Authentication 메뉴
   3. 버튼 클릭 Settings 파이어베이스 인증 로그인 방법 버튼
   4. 파이어베이스 인증 설정 허용 도메인 Authorized domains

제목이 "예제 구현"인 섹션

See the authUtils.ts 파일을 참조하십시오. 예제 앱의 authUtils.ts 파일에서 완전한 구현을 확인하십시오.

• Firebase의 signInWithPopup 웹 플랫폼에 대한
• Capacitor Android/iOS 플랫폼에 대한 Social Login 플러그인을 사용합니다.
• 자동 플랫폼 감지

예제는 Firebase의 웹 내장 메서드를 사용하는 경우와 플러그인을 사용하는 native 플랫폼의 경우를 조건부로 사용하는 방법을 보여줍니다.

추가 리소스

• 파이어베이스 인증 문서 - 파이어베이스 인증 문서
• Firebase Google Sign-In for Web - Firebase 웹에서 Google Sign-In에 대한 공식 가이드
• Google Login 설정 안내 - Firebase Google Login on Web을 구성하는 방법과 OAuth 동의 화면을 설정하는 방법

Firebase Google Login on Web에서 계속

Firebase Google Login on Web을 사용 중이라면 Firebase Google Login on Web 인증 및 계정 흐름을 계획하고 계정 관리를 위해 Firebase Google Login on Web을 연결하세요. Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login 구현 세부 정보는 @capgo/capacitor-social-login 에서 확인할 수 있습니다. @capgo/capacitor-passkey 구현 세부 정보는 @capgo/capacitor-passkey 에서 확인할 수 있습니다. @capgo/capacitor-native-biometric 구현 세부 정보는 @capgo/capacitor-native-biometric 에서 확인할 수 있습니다. 두 단계 인증 구현 세부 정보는 두 단계 인증 에서 확인할 수 있습니다.