Firebase Google 로그인 웹

소개

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

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

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

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

설정 단계

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

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

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

2. 인증된 도메인 추가

   1. console.cloud.google.com Firebase Project Overview
   2. Firebase Authentication Menu Authentication 선택
   3. Firebase Console Settings 버튼
   4. Firebase 인증 설정을 Authorized domains

예제 구현

예제 앱의 authUtils.ts 파일에서 완전한 구현을 확인할 수 있습니다:

• 웹 플랫폼을위한 Firebase의 signInWithPopup Android/iOS 플랫폼을위한 __CAPGO_KEEP_0__ Social Login 플러그인을 사용합니다.
• Uses Capacitor Social Login plugin for Android/iOS platforms
• 플랫폼 감지를 자동으로 처리합니다.

예제는 Firebase의 웹 내장 메서드를 사용하는 방법을 보여주며, 네이티브 플랫폼에서 플러그인을 사용하는 방법을 보여줍니다.

추가 리소스

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

Firebase Google Login on Web에서 계속

만약에 Firebase Google Login on Web 인증 및 계정 흐름을 계획하고 있습니다. Firebase Google Login을 Using @capgo/capacitor-social-login Capacitor의 Native 기능을 위해 Using @capgo/capacitor-social-login을 @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey Capacitor의 Passkey 기능을 위해 @capgo/capacitor-passkey을 @capgo/capacitor-native-biometric Capacitor의 Native Biometric 기능을 위해 @capgo/capacitor-native-biometric을 두 단계 인증 두 단계 인증 구현 세부 사항에 대한.