React Native 앱의 푸시 알림을 설정하는 방법

read
Last updated at:

학습 내용

클라비요의 리액트 네이티브 SDK를 사용하여 모바일 푸시 알림을 보내는 방법에 대해 알아보세요. 

SDK란 무엇인가요?

SDK는 앱이 타사 소프트웨어(예: 모바일 푸시 제공업체)와 대화할 수 있도록 필요한 모든 도구, 라이브러리 및 프로그램을 제공합니다. SDK 프레임워크는 앱 빌드에 사용된 프레임워크와 일치해야 합니다.

리액트 네이티브 SDK의 장점

리액트 네이티브 SDK를 사용하면 클라비요를 리액트 네이티브를 사용하는 앱에 연결할 수 있습니다. 

React Native는 iOS와 Android에서 모두 작동하는 모바일 앱을 만들 수 있는 프레임워크입니다. 자바스크립트로 작성되어 여러 플랫폼에서 단일 코드 기반을 활용할 수 있습니다. 리액트 네이티브 앱은 다른 앱과 비슷하게 생겼습니다. 

리액트 네이티브의 하이브리드 프레임워크는 개발자가 앱을 한 번만 코딩하면 iOS와 안드로이드 모두에 대해 더 쉽게 유지 관리할 수 있다는 것을 의미합니다. 

리액트 네이티브는 iOS(Swift 또는 Objective-C) 또는 Android(Kotlin 또는 Java) 전용 언어로 작성된 앱인 네이티브 앱과는 다릅니다. iOS와 Android용 네이티브 앱을 사용하면 두 개의 서로 다른 앱을 빌드하고 유지 관리해야 하므로 기본적으로 React Native를 사용하는 것보다 두 배의 노력이 필요합니다.

설정 요구 사항

리액트 네이티브 앱에 푸시 알림을 설정하려면 먼저 푸시 알림을 설정해야 합니다: 

또한 다음을 권장합니다:

  • 앱에서 프로필 식별을 설정합니다. 특히 푸시 알림을 개인화하려는 경우 프로필 식별자(이메일 주소, 전화번호 또는 외부 ID)를 사용하여 앱 사용자의 프로필을 생성하는 것이 좋습니다. 그렇지 않으면 클라비요에서 모든 프로필이 익명으로 처리됩니다.
  • 앱에서 이벤트 추적을 구성합니다.

해당되는 경우 네이티브 iOS SDKAndroid SDK의 일부도 설정해야 한다는 점에 유의하세요.

푸시 알림 설정

위의 요구 사항을 충족한 후에는 클라비요를 iOS 및 Android 앱에 연결해야 합니다. 

방법에 대한 지침은 설정 가이드를 참조하세요: 

푸시 알림 테스트

고객에게 푸시 알림을 보내기 전에 테스트하는 것이 중요합니다. 다음은 테스트할 항목에 대한 몇 가지 제안 사항입니다:

  • 앱에서 클라비요의 푸시 알림을 처리할 수 있습니다.
  • 이러한 기능을 사용하려는 경우 푸시 알림을 통해 앱의 화면에 이미지 또는 딥링크를 표시할 수 있습니다. 
  • 클라비요가 제대로 프로필을 생성하고 앱에서 정보를 수신하고 있습니다.

테스트하기 전에 앱에 대한 알림이 켜져 있는지 확인하세요. 

테스트하는 가장 간단한 방법은 캠페인이나 플로우에서 미리보기를 보내는 것입니다. 

추가 리소스

x
도움이 되었습니까?
0명 중 0명이 도움이 되었다고 했습니다.