코르도바(클라이언트) - 구글 FCM - NODE.JS(서버) 를 이용한 푸시알림 구현을 다시 써보려고 합니다!
최근에 구현한거라 오류없이 모두들 잘 구현 하실 수 있도록 도와드리겠습니다!
푸시오는 그 짜릿함을 위하여 결론으로 바로 들어가겠습니다.
클라이언트 앱 부분입니다.
이전 하이브리드앱을 만들 때 사용하였던 푸시알림 플러그인으로는
cordova - plugin - firebase 를 사용하였습니다.
코르도바 자체도 그렇지만 이 플러그인 역시 오래 된 지라
IOS 버전 구현뿐만 아니라 다른 플러그인들(admob 등)과의 버그 등 오류가 있었습니다...
혹시 안드로이드 푸시만을 사용하시려는 분이 계신다면
android@6.4.0 버전을 사용하시면 됩니다.
ios 버전은 시도해본 결과 제 기억으론 안되었던것으로 기억합니다..
혹시 되는 버전이 있다면 밑에 댓글로 남겨주시기 바랍니다^^ 다른 분께 도움이 될수 있으니..
저는 아이오닉 하이브리드앱을 만들다가 도중에 신기하게도 업데이트 된 플러그인
을 소개합니다.
cordova plugin add cordova-plugin-fcm-with-dependecy-updated
위의 플러그인을 설치하시고
android@7.0.0
ios@4.3.1
버전으로 하시면 정확하게 사용하실 수 있습니다.
android 와 ios 둘다
백그라운드, 포그라운드, 푸시내부데이터 전달까지 완벽하게 잘 작동하였습니다.
이것도 플러그인버전 플랫폼버전마다 되는것이 있고 안되는것이 있기에
반드시 제가 찾은 위에 버전으로 하시면 됩니다 ^^
기본적인 코르도바 설치법과 사용법은 다른 포스팅에 하겠습니다. 그걸 참고해 주세요~
플러그인 설치가 다 되셨다면
index.js 파일 내부
onDeviceReady
안에
넣어주시면 됩니다. 1:1 기기에게 푸시를 보내려면 기기마다의 유일한 토큰이 필요합니다
이 코드를 로직 상 원하는 곳에 추가 해주시면 알맞게 받아서 저장하거나 db에 보내거나 하여
필요시 서버에서 사용할 수 있습니다.
앱부분에서 할 일은 이게 다입니다.
어려운 부분은 없으셨나요??
오픈카톡방에서 하이브리드 앱(코르도바 아이오닉)의 정보 공유를 하고있습니다^^
https://open.kakao.com/o/gDuyxh5
참여하셔서 언제든지 글남겨주세요~~
다음 구글 FCM 설정은 2편을 참고해주세요 ^^