🌐 케이스 2: 웹 브라우저 환경

flutter-bridge-fcm.js를 사용한 독립형 웹 앱 구현

50KB+ • FCM: Web 직접 처리

🌐 이 예제의 특징

  • 실행 환경: Chrome, Safari 등 웹 브라우저
  • FCM 처리: 브라우저가 직접 토큰 발급 및 푸시 수신
  • Firebase SDK: 필수 (CDN 또는 npm)
  • 개인별 푸시: ✅ 지원 (Web 자체에서)
  • PWA: 오프라인 푸시 지원 가능

⚙️ Firebase 초기화

초기화 대기 중

🔔 푸시 알림 (Web 직접)

FCM 토큰:

💡 브라우저가 직접 FCM을 처리합니다. 토큰을 서버에 등록하세요.

📡 토픽 구독

⚠️ 토픽 구독은 서버 API가 필요합니다. 콘솔에서 안내를 확인하세요.

👤 개인별 푸시 등록

💡 서버에 사용자 ID와 FCM 토큰을 등록하여 개인별 푸시를 보낼 수 있습니다.

📋 실행 로그

Firebase 설정을 입력하고 초기화 버튼을 클릭하세요.