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를 북돋워 가기 때문에, 여러분 부담없이 참가해 주세요!
Reference
이 문제에 관하여(cordova에서 Firebase Cloud Messaging을 사용해보십시오. #2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/donuzium/items/05754109e817159ea767
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
.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를 북돋워 가기 때문에, 여러분 부담없이 참가해 주세요!
Reference
이 문제에 관하여(cordova에서 Firebase Cloud Messaging을 사용해보십시오. #2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/donuzium/items/05754109e817159ea767
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
여기의 조작으로, 설정이 잘 하고 있으면, 이제 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를 북돋워 가기 때문에, 여러분 부담없이 참가해 주세요!
Reference
이 문제에 관하여(cordova에서 Firebase Cloud Messaging을 사용해보십시오. #2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/donuzium/items/05754109e817159ea767
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Content-Type:application/json
Authorization:key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
{
"to" : "/topics/ios",
"priority" : "high",
"notification" : {
"body" : "Hello Cordova from Firebase Cloud Messaging",
"title" : "FCM"
}
}
// #1
alert(data.aps.alert)
// #2
alert(data.aps.alert.body)
Reference
이 문제에 관하여(cordova에서 Firebase Cloud Messaging을 사용해보십시오. #2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/donuzium/items/05754109e817159ea767텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)