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

학습 내용

Klaviyo의 React Native SDK(소프트웨어 개발 키트)를 사용해 모바일 푸시 푸시 알림을 전송하는 방법을 알아보세요.

React Native SDK(소프트웨어 개발 키트)의 이점

React Native SDK(소프트웨어 개발 키트)를 사용하면 React Native를 사용하는 앱에서 Klaviyo를 연결할 수 있어요.

React Native는 iOS와 Android 모두에서 작동하는 모바일 앱을 만들 수 있는 프레임워크예요. JavaScript로 작성되며, 여러 플랫폼에서 단일 코드 베이스를 활용할 수 있어요. React Native 앱은 다른 앱과 똑같이 보여요.

React Native의 하이브리드 프레임워크를 사용하면 개발자가 앱을 한 번만 코딩하고 iOS와 Android 모두에서 더 쉽게 유지 관리할 수 있어요.

React Native는 iOS(Swift 또는 Objective-C)나 Android(Kotlin 또는 Java) 전용 언어로 작성된 앱인 네이티브 앱과는 달라요. iOS와 Android용 네이티브 앱을 보유하는 것은 React Native를 사용하는 것보다 사실상 2배의 노력이 들어가는데, 서로 다른 2개의 앱을 빌드하고 유지 관리해야 하기 때문이에요.

설정 요구 사항

React Native 앱에서 푸시 알림을 설정하기 전에 다음을 완료해야 해요:

• iOS, Android 또는 둘 다를 위한 자체 React Native 앱이 있어요.
• React Native SDK(소프트웨어 개발 키트)를 설치해 주세요.

다음도 권장해요:

• 앱에서 프로필 식별을 설정해 주세요. 푸시 알림을 개인화하려는 경우 특히 앱 사용자에 대해 프로필 식별자(이메일 주소, 전화번호 또는 외부 ID)를 사용해 프로필을 생성하는 것을 권장해요. 그렇지 않으면 Klaviyo에서 모든 프로필이 익명으로 표시돼요.
• 앱에서 이벤트 트래킹을 구성하세요.

또한 해당하는 경우 네이티브 iOS SDK(소프트웨어 개발 키트) 및 Android SDK(소프트웨어 개발 키트)의 일부도 설정해야 한다는 점에 유의해 주세요.

푸시 알림 설정

위의 요구 사항을 충족하면 Klaviyo를 iOS 및 Android 앱에 연결해야 해요.

방법은 다음에 대한 설정 가이드에서 확인해 주세요.

• iOS
• Android

푸시 알림 테스트

고객에게 전송을 시작하기 전에 푸시 알림을 테스트하는 것이 중요해요. 테스트할 항목에 대한 몇 가지 제안은 다음과 같아요:

• 앱에서 Klaviyo의 푸시 알림을 처리할 수 있어요.
• (이 기능을 사용하려는 경우) 푸시 알림을 통해 이미지 또는 앱의 화면으로 연결되는 딥링크(웹사이트나 스토어가 아닌 앱으로 사용자를 직접 연결하는 링크 유형)를 표시할 수 있어요.
• Klaviyo가 프로필을 올바르게 생성하고 앱에서 정보를 받고 있어요.

테스트하는 가장 간단한 방법은 캠페인 또는 플로우에서 미리보기 전송을 하는 거예요.