Firebase Google 로그인 on Web

소개

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

웹에서 플러그인을 사용하지 않는 이유는 무엇인가요?

Capacitor Social Login 플러그인은 native 모바일 플랫폼 (Android 및 iOS)에서 플랫폼별 인증 흐름을 활용할 수 있도록 설계되었습니다. 웹에서 Firebase의 native signInWithPopup ✅ 더 신뢰할 수 있고 더 잘 지원되는

• ✅ 브라우저 세션 스토리지 자동 처리
• ✅ 더 나은 오류 처리
• ✅ 추가 구성이 필요하지 않음
• 설정 단계

설정 단계

1. Firebase 프로젝트에 Google Sign-In이 활성화되어 있는지 확인하세요:

   Configure Firebase Project

   • Go to Firebase Console
   • Authentication > 로그인 방법으로 이동
   • Google Sign-In 제공자 활성화

2. 인증된 도메인 추가

   1. console.cloud.google.com으로 이동하여 프로젝트 개요
   2. 메뉴 Authentication Firebase Authentication Menu
   3. 로그인 메뉴 클릭 Settings 버튼
   4. 설정 Authorized domains

예제 구현

See the authUtils.ts 예제 앱의

• authUtils.ts signInWithPopup 파일에서 완전한 구현을 확인할 수 있습니다:
• 웹 플랫폼을위한 파이어베이스의 사용자 인증을 사용합니다. 안드로이드/아이오스 플랫폼을위한 Capacitor Social Login 플러그인을 사용합니다.
• 플랫폼 감지를 자동으로 처리합니다.

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

추가 리소스

• Firebase 인증 문서 - Firebase Auth 완전 문서
• Firebase Google Sign-In for Web - 공식 Firebase 가이드 웹에서 Google Sign-In
• Google 로그인 설정 가이드 - 인증된 도메인과 OAuth 동의 화면을 구성하는 방법의 가이드

Firebase Google Login on Web에서 계속

If you are using Firebase Google Login on Web to plan authentication and account flows, connect it with Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and 두 단계 인증 두 단계 인증 구현 세부 정보에 대해.