Firebase Google Login on Web

복사할 수 있는 지시

소개

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

웹에서 플러그인을 사용하지 않는 이유

Capacitor Social Login 플러그인은 native 모바일 플랫폼 (Android 및 iOS)에서 플랫폼별 인증 흐름을 활용할 수 있도록 설계되었습니다. 웹의 경우 Firebase의 내장 signInWithPopup 메서드

✅ 더 신뢰할 수 있으며 더 잘 지원됩니다.
✅ 브라우저 세션 저장소를 자동으로 처리합니다.
✅ Firebase와의 오류 처리를 개선합니다.
✅ 추가 설정이 필요하지 않습니다.

설치 단계

파이어베이스 프로젝트 설정

다음과 같이 Firebase 프로젝트가 Google Sign-In이 활성화되어 있는지 확인하세요:
- Firebase 콘솔로 이동하세요. 인증 > 로그인 방법으로 이동하세요.
- Google Sign-In 제공자를 활성화하세요.
- 인증된 도메인을 추가하세요.
프로젝트 개요로 이동하세요.
1. __CAPGO_KEEP_0__ console.cloud.google.com
2. 열기 Authentication 메뉴
3. 버튼 클릭 Settings 파이어베이스 인증 로그인 방법 버튼
4. 예제 구현 Authorized domains

섹션

Firebase의 authUtils.ts 예제 앱의

파일을 참조하여 완전한 구현을 확인하세요: signInWithPopup 웹 플랫폼을 위한 Firebase의
Uses Capacitor Social Login plugin for Android/iOS platforms
__CAPGO_KEEP_0__ Android/iOS 플랫폼을 위한 Social Login 플러그인을 사용합니다.

플랫폼을 자동으로 감지합니다.

예제는 Firebase의 웹 내장 메서드를 웹 플랫폼에서 사용하는 동안 native 플랫폼에서 플러그인을 사용하는 방법을 보여줍니다.

추가 리소스 Firebase 인증 문서
파이어베이스 구글 웹 로그인 - 파이어베이스에서 웹에서 구글 로그인에 대한 공식 가이드
구글 로그인 설정 가이드 - 인증된 도메인과 OAuth 동의 화면을 구성하는 방법에 대한 가이드

이러한 기능을 사용 중이라면 파이어베이스 구글 로그인 웹을 사용하여 인증 및 계정 흐름을 계획하고, @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login을 사용하여 native capability을 사용하는 @capgo/capacitor-social-login을 사용하는 @capgo/capacitor-social-login @capgo/capacitor-social-login capgo/capacitor 소셜 로그인 구현 세부 사항에 대해 capgo/capacitor-패스 키 capgo/capacitor 패스 키 구현 세부 사항에 대해 capgo/capacitor-네이티브 생체 인식 capgo/capacitor 네이티브 생체 인식 구현 세부 사항에 대해, 두 단계 인증 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__ 두 단계 인증 구현 세부 사항에 대해