파이어베이스 구글 로그인 웹

소개

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

Why Not Use the Plugin on Web?

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

• ✅ 브라우저 세션 스토리지 자동 처리
• ✅ 더 나은 오류 처리
• ✅ 추가 구성이 필요하지 않습니다.
• Section titled “Why Not Use the Plugin on Web?”

설치 단계

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

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

   • 다음으로 이동하세요 파이어베이스 콘솔
   • 인증 > 로그인 방법으로 이동하세요
   • Google Sign-In 제공자를 활성화하세요

2. 인증된 도메인 추가

   1. console.cloud.google.com으로 이동하세요 파이어베이스 프로젝트 개요
   2. 메뉴를 열어주세요 Authentication 메뉴
   3. 버튼을 클릭하세요 Settings 버튼
   4. 인증 설정을 구성하세요 Authorized domains

인증된 도메인

예제 구현 예제 구현 섹션입니다 __CAPGO_KEEP_0__의 예제 앱에서 완전한 구현을 위해 사용하는 파일입니다.

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

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

추가 리소스

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

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 Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey capgo/capacitor-passkey에 대한 구현 세부 정보를 위해 capgo/capacitor-native-biometric capgo/capacitor-native-biometric에 대한 구현 세부 정보를 위해, 그리고 두 단계 인증 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-biometric에 대한 구현 세부 정보를 위해 두 단계 인증.