[ google-fcm-web-sdk-bundle-sample ] FCM web sdk 번들링 샘플 프로젝트

 

안녕하세요. 루루개발자 입니다.

최근 회사 프로젝트를 진행 하던 도중 서버에서 실시간으로 웹으로 알림을 받아야 하는 기능이 필요했습니다.

 

socket 이나 fcm web sdk 중에 어떤 것을 사용할까 고민한 끝에 fcm web sdk 를 사용하기로 하였습니다.

 

https://firebase.google.com/docs/web/setup?authuser=0&hl=ko#use-modular-bundler

자바스크립트 프로젝트에 Firebase 추가  |  Firebase Documentation

Firebase 웹 SDK는 사용하지 않는 코드를 삭제(트리 쉐이킹)하기 위해 모듈 번들러와 연동되도록 설계되었다고 하여, 실제 production 환경에는 번들링 방식을 사용하는 것을 구글에서 권장하고 있었습니다.

 

그래서 fcm web sdk 를 번들링 하는 샘플 프로젝트를 제작해보게 되었고, 아래 주소로 확인 가능합니다.

https://github.com/wisdomstar94/google-fcm-web-sdk-bundle-sample

GitHub - wisdomstar94/google-fcm-web-sdk-bundle-sample: fcm web sdk 설정을 위한 번들러 샘플 프로젝트 입니다.

위 프로젝트를 적절히 잘 활용하면 일반 웹사이트 및 Angular, react, vue 등으로 개발된 환경에서도 모두 사용 가능합니다.

 

fcm web sdk 를 적용해야 하는 분들께 제가 만든 이 샘플 프로젝트가 조금이나마 도움이 되었으면 하네요. ㅎㅎ

 

읽어주셔서 감사합니다. :)