다음을 위해 설계됨: REACT NATIVE

React Native 푸시 알림

Tencent RTC Push로 앱에 React Native 푸시 알림을 구현하세요. 기기를 등록하고 알림 탭을 처리하며 각 업데이트를 유용한 목적지로 연결하세요.

개발자 리소스

React Native Push 개발자 리소스

앱에서 예약한 수업

React Native 푸시 알림을 피트니스 예약에 연결하세요. 하나의 JavaScript 통합과 플랫폼별 전송 구성을 사용합니다.

다시 방문할 새로운 세션

구독한 수업에 React Native 푸시 알림을 보내세요. 대상 규칙, 일정, 목적지는 앱에서 제어합니다.

REACT NATIVE PUSH 기능

알림 수명 주기에 맞춘 설계

기기 등록

  • 푸시 수신자 연결
  • 설정 오류 처리

알림 콜백

  • 알림 탭에 응답
  • 자체 앱 내에서 이동

플랫폼 전송

  • 네이티브 채널 구성
  • 권한 및 앱 상태 테스트

등록, 수신, 응답

등록, 클릭 처리, 수신자 조회. 공식 SDK API에서 뽑은 핵심 코드 예시입니다.

등록

테스트 기기 등록

플랫폼 설정과 권한 절차를 완료한 후 React Native 푸시 알림을 연결하세요.

문서 읽기
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

커스터마이징

모든 알림이 앱에 자연스럽게 어울리도록

기본 설정과 목적지 화면은 자체 애플리케이션에서 관리하세요.

사용자가 유용한 업데이트를 선택하도록

React Native 푸시 알림을 앱에서 관리하는 관심사와 기본 설정에 연결하세요.

문서 읽기

시작하기

첫 알림을 단계별로 전송

  1. 01

    앱 만들기

    애플리케이션과 테스트 사용자를 위해 Push을 활성화하세요.

    Push 콘솔 열기
  2. 02

    Push SDK 설치

    플랫폼 가이드에 따라 프로젝트를 연결하세요.

    통합 가이드 따르기
  3. 03

    첫 알림 보내기

    전송 자격 증명을 구성하고 테스트 기기를 등록한 뒤 포그라운드 및 백그라운드 상태에서 알림 탭을 검증하세요.

    푸시 자격 증명 설정
React Native Push SDK
터미널
npm install @tencentcloud/react-native-push --save
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

React Native 푸시 알림 자주 묻는 질문

앱에 React Native 푸시 알림을 어떻게 추가하나요?

가이드에 따라 네이티브 Android application class와 iOS 프로젝트를 구성하세요. JavaScript 설치만으로는 APNs, Android 채널, 기기 권한이 구성되지 않습니다.

이 코드 예시가 완전한 애플리케이션인가요?

핵심 통합 부분을 발췌한 예시입니다. 전체 가이드의 패키지 import, 네이티브 프로젝트 구성, 수명 주기 처리, 오류 동작을 추가하세요. VERSION은 선택할 릴리스를 뜻하며 그대로 사용하는 패키지 버전이 아닙니다.

앱이 닫혀 있어도 알림이 도착할 수 있나요?

지원되는 오프라인 채널로 알림을 전송할 수 있지만 운영체제 정책, 권한, 네트워크 환경, 기기 설정에 영향을 받습니다. 지원하는 실제 기기와 앱 상태를 테스트하세요.

React Native 푸시 알림을 올바른 사용자에게 어떻게 보내나요?

기기를 등록하고 등록 ID를 가져온 뒤 백엔드에서 수신자와 계정의 연결을 관리하세요. 사용자가 바뀌면 연결을 갱신하고 목적지를 열 때 접근 권한을 검증하세요.

React Native 푸시 알림 비용은 얼마인가요?

App Push는 포함 MAU, 큐, 기능이 다른 무료 및 유료 플랜을 제공합니다. 운영용 패키지를 선택하기 전에 현재 플랜과 초과 요금 규칙을 확인하세요.

React Native로 React Native 푸시 알림을 어떻게 통합하나요?

문서화된 패키지와 네이티브 의존성을 설치한 뒤 네이티브 앱을 다시 빌드하세요. JavaScript만으로 실행된다고 가정하지 말고 권한, 수명 주기와 네이티브 콜백을 확인하세요.

앱 출시 전에 React Native 푸시 알림을 어떻게 테스트하나요?

포그라운드, 백그라운드, 종료 상태에서 수신자 등록과 알림 클릭 콜백을 테스트하세요.

React Native 푸시 알림 인터페이스를 어떻게 맞춤 설정하나요?

문서에 안내된 알림 페이로드와 클릭 콜백을 처리하세요. 앱이 목적지 접근 권한을 검증하고 열리는 화면을 제어합니다.

React Native Push 통합 지원

React Native 푸시 알림으로 다음 업데이트 구축

테스트 기기로 시작하세요. 통합이 준비되면 실제 애플리케이션 이벤트를 연결하세요.