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

학습 내용

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

리액트 네이티브 SDK의 장점

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

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

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

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

설정 요구 사항

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

• iOS, Android 또는 두 가지 모두에 대한 자체 React Native 앱을 보유하세요.
• 리액트 네이티브 SDK를 설치합니다. 

또한 다음을 권장합니다:

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

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

푸시 알림 설정

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

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

• iOS 
• Android 

푸시 알림 테스트

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

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

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

추가 리소스

• 클라비요에서 푸시 알림을 설정하세요:
  • iOS 
  • Android 
• 모바일 푸시 알림 소개