웹에서 Firebase Google 로그인

소개

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

제목이 '웹에서 플러그인을 사용하지 않는 이유'인 섹션

The Capacitor Social Login plugin is designed for native mobile platforms (Android and iOS) where it can leverage platform-specific authentication flows. For web, Firebase’s native signInWithPopup method is:

• ✅ 더 신뢰할 수 있고 더 잘 지원되는
• ✅ 브라우저 세션 스토리지 자동 처리
• ✅ 더 나은 오류 처리
• ✅ 추가 구성 필요 없음

설치 단계

1. 파이어베이스 프로젝트 구성

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

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

2. 인증된 도메인 추가

   1. 프로젝트 개요로 이동하세요 (console.cloud.google.com) console.cloud.google.com
   2. 메뉴 열기 Authentication 파이어베이스 인증 메뉴
   3. 인증 방법 버튼 Settings 인증 방법 설정
   4. __CAPGO_KEEP_0__ Authorized domains

예제 구현

보기 authUtils.ts 예제 앱의 이 파일에서 완전한 구현을 확인하세요. 그 안에는

• 웹 플랫폼을위한 signInWithPopup Firebase의
• Uses Capacitor Social Login plugin for Android/iOS platforms
• __CAPGO_KEEP_0__ Android/iOS 플랫폼을위한 Social Login 플러그인을 사용합니다.

플랫폼 자동 감지를 처리합니다.

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

• 파이어베이스 인증 문서 - 파이어베이스 인증 문서
• 파이어베이스 웹에서 구글 로그인 - 파이어베이스 웹에서 구글 로그인 공식 문서
• 구글 로그인 설정 가이드 - 인증 도메인 및 OAuth 동의 화면 설정을 위한 가이드