imssein/pwa-fcm-test

📱 PWA + FCM 테스트를 위한 레파지토리

PWA + FCM Test

FCM 토큰 발급 관련

1. 앱 알림 허용 -> FCM 토큰 발급
   • 테스트를 위한 페이지로 토큰은 공개로 했습니다!
2. 앱 알림 차단 -> FCM 토큰 미발급

PWA 관련

• PWA를 이용해서 실제 네이티브 앱처럼 사용 가능합니다!

1. 홈 화면 추가하기
2. 앱 알림 허용 할 경우 실제 앱처럼 푸시 알림을 확인할 수 있습니다.

알림 팝업 창이 안뜨는 경우

• 웹 브라우저에서 Notification API를 사용하여 사용자에게 알림 권한을 요청할 때, 사용자가 한 번 '거부(Denied)'를 선택하면, 그 이후로는 웹 애플리케이션 자체에서는 자동으로 권한 요청 창을 다시 띄울 수 없습니다.
  • 실제 저희 프로젝트에서는 사용자가 어떤 방법으로 이 문제를 해결할 수 있는지에 대해 문구를 추가했습니다.

해결 방법

• 웹 사이트: 사이트 설정 -> 권한 재설정
• 모바일: 설정 -> 알림 -> HandsUp -> 알림 허용