Firebase Google Login on Web

소개

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

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

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

• ✅ 더 신뢰할 수 있으며 더 잘 지원됩니다.
• ✅ 브라우저 세션 스토리지 자동 관리
• ✅ Firebase와 Google을 위한 더 나은 오류 처리
• ✅ 추가 설정이 필요하지 않습니다

설치 단계

1. Firebase 프로젝트를 구성하십시오

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

   • 다음으로 이동하십시오 Firebase 콘솔
   • 인증 > 로그인 방법으로 이동하십시오
   • Google Sign-In 제공자를 활성화하십시오

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

   1. 다음으로 이동하십시오 console.cloud.google.com
   2. 열기 Authentication 메뉴
   3. 클릭 Settings 버튼
   4. 설정 Authorized domains

예제 구현

Firebase의 Web 플랫폼을 위한 authUtils.ts 예제 앱의

• 파일에서 완전한 구현을 확인하세요. 구현은 다음과 같습니다: signInWithPopup Firebase의 Web 플랫폼을 위한
• Uses Capacitor Social Login plugin for Android/iOS platforms
• __CAPGO_KEEP_0__ Android/iOS 플랫폼을 위한 Social Login 플러그인을 사용합니다.

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

예제는 Web 플랫폼을 위한 Firebase의 내장 메서드를 사용하는 동안 Android/iOS 플랫폼을 위한 플러그인을 사용하는 방법을 보여줍니다.

• 추가 리소스 Firebase 인증 문서
• Firebase Google Sign-In for Web - Firebase Google Sign-In 웹 공식 가이드
• Google Login 설정 가이드 - 인증된 도메인 및 OAuth 동의 화면을 구성하는 방법의 안내

Firebase Google Login on Web에서 계속하기

Firebase Google Login on Web을 사용하는 경우 Firebase Google Login on Web을 사용하여 인증 및 계정 흐름을 계획하고 Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Using @capgo/capacitor-social-login 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, 그리고 두 단계 인증 구현 세부 사항에 대한 두 단계 인증.