Firebase Google Login on Web

소개

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

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

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

• ✅ 브라우저 세션 저장소를 자동으로 처리합니다.
• ✅ 더 신뢰할 수 있으며 더 잘 지원됩니다.
• ✅ 에러 처리를 위한 더 나은 관리
• ✅ 추가적인 설정이 필요하지 않습니다

설치 단계

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

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

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

2. 인증된 도메인 추가

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

예제 구현

Firebase의 authUtils.ts 예제 앱의

• 파일에서 완전한 구현을 확인하세요: signInWithPopup 웹 플랫폼에서 Firebase를 사용합니다.
• Android/iOS 플랫폼에서 Capacitor Social Login 플러그인을 사용합니다.
• 플랫폼을 자동으로 감지합니다.

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

추가 리소스

• Firebase 인증 문서 - 완전한 Firebase Auth 문서
• Firebase Google Sign-In for Web - Firebase 웹에서 Google Sign-In을 위한 공식 가이드
• Google Login 설정 안내 - Firebase 웹에서 Google Sign-In을 위한 공식 가이드

Firebase Google Login에서 계속하기

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 소셜 로그인 구현 세부 사항에 대해 capgo/capacitor-패스 키 capgo/capacitor 패스 키 구현 세부 사항에 대해 capgo/capacitor-자연어 생체 인식 capgo/capacitor 자연어 생체 인식 구현 세부 사항에 대해, 그리고 두 단계 인증 두 단계 인증 구현 세부 사항에 대해