cordova에서 Firebase Cloud Messaging을 사용해보십시오. #2

지난 번 계속

cordova에서 Firebase Cloud Messaging을 사용해보십시오. #1

지난번에는 Firebase Cloud Messaging이라고 말하면서도 Firebase Notifications까지 정리한 것이었습니다.

1. 인증서 및 APN을 Apple Developper Center에서 준비합니다.



htps : // 푹 빠져라. 오, ぇ. 코 m / 드 cs / c
상당히 절차가 번거롭기 때문에, 이쪽의 페이지를 참고로 만들어 가면 좋다고 생각합니다.
기본적으로, 여기는 통상의 푸시 통지의 설정과 함께이므로, 그 밖에도 일본어로 해설되고 있다고 생각합니다.

2. 인증서를 키체인 액세스에서 내보내 Firebase에 등록



.p12 형식으로 내보낸 파일을 Firebase 콘솔에서 등록합니다.


톱니바퀴 마크 > 프로젝트 설정 > 클라우드 메시징에서 설정할 수 있습니다.



3. xCode 측 설정을 활성화합니다.



여기서 지금까지 여러 번 실제 기기로 앱을 움직이고 있다고 생각하므로 xCode의 Window>Device를 열고 개발기를 선택하여 빌드하고 있던 앱을 삭제하십시오.
Push Notification등의 설정을 실시하고 있기 때문에, Profile가 이상하다고 하는 에러로 움직이지 않아 잠시 곤란하고 있었습니다.

xCode의 Notification 관련 설정을 사용합니다.


4. Firebase Notification에서 메시지 보내기



여기의 조작으로, 설정이 잘 하고 있으면, 이제 Firebase Notification로부터 메세지를 보내는 것만으로, 통지 센터에 통지가 도착합니다.



5. Firebase Cloud Messaging을 통해 알림을 받습니다.



여기까지는, 어디까지나 Firebase Notifications의 GUI를 사용하면서, 앱에의 Notification을 보내고 있었습니다.
여기에서는 Firebase Cloud Messaging 자체를 사용하여 Notification을 보냅니다.

Firebase Cloud Messaging에서 알림을 보내는 방법은 간단합니다. 나는 POSTMAN을 사용하여 API를 두드려 보았습니다.


Content-Type:application/json
Authorization:key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxx 부분은 기어 마크 > 프로젝트 설정 > 클라우드 메시징 탭에 있는 "서버 키"를 넣어 주십시오.

POSTMAN의 body 탭에서 raw를 선택하고 아래와 같이 JSON
보내드립니다.
json
{
"to" : "/topics/ios",
"priority" : "high",
"notification" : {
"body" : "Hello Cordova from Firebase Cloud Messaging",
"title" : "FCM"
}
}

그리고 send 버튼을 누르면 전송이 완료됩니다.



다른 Notification과 마찬가지로 Notification 자체를 탭하면 앱으로 전환하여 준비한 스크립트가 움직이고 있음을 알 수 있습니다.



다만, #1 그리고 쓴 스크립트에서는, Firebase Cloud Messaging의 오브젝트의 구조와 다른 것 같아서, 아래와 같이 변경했습니다.
// #1
alert(data.aps.alert)

// #2
alert(data.aps.alert.body)

그래서 이것으로 무사히 Firebase Cloud Messaging을 이용하여 Cordova 앱에 Push 알림을 보낼 수 있었습니다.

안녕하세요 GCPUG 센다이는 Firebase를 북돋워 가기 때문에, 여러분 부담없이 참가해 주세요!

좋은 웹페이지 즐겨찾기