푸시 테스트 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 4

푸시가 정상적으로 동작하는지 확인하려면 테스트를 해봐야 합니다.

여기서는 푸시 테스트를 위한 에뮬레이터 실행 방법과 포스트맨 사용법을 안내드립니다.

1. 실행 버튼을 클릭합니다.

2. 가상의 안드로이드 폰을 선택 합니다. 저의 경우는 이미 만들어 놓은 가상 폰이 있지만 가상폰이 없는 경우 아래 Create New Virtual Device 버튼을 눌러 만든 후 선택 하시면 됩니다.

3. 가상 폰을 부팅하는데 시간이 조금 필요 합니다. 잠시 기다리시면 가상 폰이 실행 됩니다. 테스트를 위해서 이대로 켜둡니다.

4. 테스트를 위해서 크롬의 확장 프로그램 포스트맨을 설치해줍니다. (https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?utm_source=chrome-ntp-launcher)

5. 포스트맨을 실행 후 아래와 같이 설정해 줍니다. 타입은 POST, 주소는 http://fcm.googleapis.com/fcm/send 입니다.

6. 아래와 같이 내용을 작성 합니다.

6-1. Content-Type은 application/json 으로 합니다.

6-2. firebase에서 프로젝트 설정을 클릭 합니다.

6-3. 클라우드 메시징으로 이동하여, 서버 키를 복사 합니다.

 

6-4. 복사한 서버키 앞에 key=를 덧붙여서 Authorization를 입력해 줍니다.

7. body > row를 차례로 선택한 후 안에 다음과 같이 작성해 줍니다. 푸시로 보낼 json 데이터를 작성 후 Send를 클릭 합니다. (여기서 /topics/notice는 이전글에서 푸시를 받을곳의 이름으로 정한 것과 동일하게 해주시면 됩니다.)

8. 정상적이라면 3에서 켜둔 가상폰(에뮬레이터)에 알림음과 함께 푸시가 옵니다.

[목차]

1. 프로젝트 생성 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 1

2. 푸시 사용 준비하기 (FCM) - 안드로이드 모바일웹으로 하이브리드앱 만들기 2

3. 푸시 기능 만들기 (FCM) - 안드로이드 모바일웹으로 하이브리드앱 만들기 3

4. 푸시 테스트 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 4

5. 웹뷰추가하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 5

6. 웹뷰에서 자바스크립트 동작 처리하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 6

7. 뒤로 버튼 눌렀을때 동작 처리하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 7

8. 인트로(스플레시) 만들기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 8

9. 아이콘 설정하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 9

10. 테스트용 APK 추출하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 10

copyright (c) 2017 워크식스