OneSignal을 사용하여 무료 push서비스 구현하기

안녕하세요.

오늘은 OneSignal 서비스를 사용하여 무료 push 서비스를 구현해보도록 하겠습니다.

많은 Reference중 ionic SDK를 사용하여 서비스를 구현해보도록 하겠습니다.

OneSignal이란?

• OneSignal은 웹 사이트 및 모바일 응용 프로그램을위한 무료 푸시 알림 서비스입니다.
• 각 플랫폼에 전용 SDK를 제공하여 모든 주요 네이티브 및 모바일 플랫폼을 지원합니다.
• RESTful 서버 API 및 마케터가 푸시 알림을 디자인하고 보내는 온라인 대시 보드를 제공합니다.

준비사항

• OneSignal 계정을 생성합니다.
  
• Cordova를 설치합니다.
  - $ npm install cordova@latest
• Firebase에 설정된 서버키와 발신자ID
• Ionic project sample 코드
  - ionic v1: https://github.com/OneSignal/OneSignal-Ionic-Example/tree/ionic_v1
  - ionic v2: https://github.com/OneSignal/OneSignal-Ionic-Example
  

Onesignal에서 APP Push 연동하기

• "Add a new app" 버튼을 눌러 새로운 앱을 등록합니다.
  
  
• 앱 이름을 등록합니다.
• push 서비스를 이용할 플랫폼을 선택합니다.
  
  
• Firebase의 정보를 입력합니다.
  
  
  
• 타겟 SDK를 선택합니다. 우리는 Ionic에 연동을 하기위해서 Ionic SDK를 선택합니다.
  
  
• 마지막으로, 할당받은 App ID를 사용하여 클라이언트에 등록하고 확인을 누릅니다.
  - 이때, 실제 사용자가 한명이상이 되어야만 등록을 완료할 수 있습니다.
    (즉, 샘플코드에서 app id를 수정한 후 코드를 실행하면 됩니다.)
  
  
• 실패화면
  

Push 전송하기

• 생성한 프로젝트를 선택해서 dashboard로 들어갑니다.
  
• 좌측에 App Settings 탭에서 푸쉬서비스를 이용하고자 하는 Android 플랫폼이 active상태인지 확인합니다.
  
  
• New Message 탭을 선택하고, 보낼 대상을 선택합니다.
  
  
• 푸쉬 전송시 보낼 메시지를 입력합니다.
  
  
• 다음 옵션들은 스킵하고 next를 누릅니다.
  
  
  
• 즉시 보내도록 그대로 두고 next
  
  
  
• 마지막으로 전송을 누르면 푸쉬 메시지가 성공적으로 전송됩니다!

결과

참조

• https://onesignal.com/
• https://documentation.onesignal.com/docs
• https://documentation.onesignal.com/docs/cordova-sdk#section--getpermissionsubscriptionstate-

감사합니다.

모두들 즐거운 코딩하세요~