JavaScript 활용팁
HOME > WEB > JavaScript 활용팁
2016.10.13 / 18:11

크롬 푸시 알림 배워보기 – 7. GCM으로 부터 푸시 메시지를 커맨드라인에서 요청하기

청담개발자
추천 수 347

크롬 푸시 알림 배워보기 – 7. GCM으로 부터 푸시 메시지를 커맨드라인에서 요청하기

순서

  • 1. GCM에 요청 보내기
  • 2. 응답 확인하기
  • 3. 진단 확인하기
  • 4. 윈도우 포커스를 변경해보기

    • 이전글에서 보았듯이 크롬은 Google Cloud Messaging(GCM)을 이용하여 푸시 메시지를 보냅니다.

    GCM을 통해 웹 사용자에게 메시지를 보내려면 다음 항목들이 필요합니다.

  • 이전 단계에서 생성한 공개 API key: 
    AIzaSyAc2e8MeZHA5NfhPANea01wnyeQD7uVY0c

    GCM은 이 값을 구글 개발자 콘솔에서 가져온 프로젝트 번호와 대조하여 메니페스트에 추가된 gcm_sender_id값과 같이 사용합니다.
  • 적절한 컨텐츠 타입 해더(Content-Type header)
    예) application/json
  • 응답할 사용자 앱의 등록 ID
    예) APA91bHMaA-R0eZrPisZCGfwwd7z1EzL7P7Q7cyocVkxBU3nXWed1cQYCYvF glMHIJ40kn-jZENQ62UFgg5QnEcqwB5dFZ-AmNZjATO8QObGp0p1S6Rq2tcCu UibjnyaS0UF1gIM1mPeM25MdZdNVLG3dM6ZSfxV8itpihroEN5ANj9A26RU2Uw

    • 완성된 사이트 혹은 앱에서 GCM과 상호작용을 하기 위해서 일반적으로 서버에 서비스를 구축하여 사용합니다. (이것을 위한 코드는 Push Notifications on the Open Web을 참조합니다.) 여기서는 터미널이나 브라우저를 통해 요청을 보내보도록 하겠습니다.

    cURL 유틸리티를 이용하여 GCM로 요청가능합니다.

    cURL을 사용해본적이 없다면 아래 링크를 참조하면 유용합니다.
    시작 가이드
    참조 문서

    cURL 커맨드로 GCM에게 푸시 메시지 요청을 던지는 방법은 다음과 같습니다.

    1
    curl –header “Authorization: key=<PUBLIC_API_KEY>” –header “Content-Type: application/json” https://android.googleapis.com/gcm/send -d “{"registration_ids":["<SUBSCRIPTION_ID>"]}”

    1. GCM에 요청 보내기

    터미널에서 cURL을 이용하여 다음과 같이 요청합니다. 이전 단계에서 생성된 API key와 등록 ID를 사용합니다.

    1
    curl --header "Authorization: key=XXXXXXXXXXXX" --header "Content-Type: application/json" https://android.googleapis.com/gcm/send -d "{\"registration_ids\":[\"fs...Tw:APA...SzXha\"]}"

    2. 응답 확인하기

    정상적으로 동작한다면 터미널에서 다음과 같은 결과를 확인하실 수 있습니다.
    cURLresult

    3. 진단 확인하기

    chrome://serviceworker-internals를 실행하여 다음과 같은 화면이 보여지는지 확인합니다.