React Native アプリケーションでプッシュ通知を実行することで、ユーザのエンゲージメントと保持を大幅に向上させることができます。開発者は、ローカル通知を両方送信し、アプリ内でトリガーし、リモート通知をサーバーから押し出します。この記事では、両方のオプションを効果的に実装する方法について説明します。

React ネイティブのプッシュ通知の理解

プッシュ通知は、ユーザーに送信されたメッセージで、更新、アラート、その他の重要な情報についてお知らせしています。React Nativeは、さまざまなライブラリやAPIを通じてこの機能をサポートし、iOSとAndroidの両方のデバイス用のクロスプラットフォーム機能を有効にします。

ローカル通知の実装

ローカル通知は、アプリ自体内でスケジュールまたはトリガーされます。 それらはサーバーを必要としず、リマインダー、アラート、またはユーザーアクションやアプリの状態に依存する更新に便利です。

react-native-push-notification を使う

[]react-native-push-notification[]ライブラリは、ローカル通知の実装を簡素化します。 設定するには:

  • npm または yarn を使用してライブラリをインストールします。
  • Android 用の通知チャンネルを設定します。
  • トリガータイムで通知をスケジュールします。

ローカル通知をスケジュールするための例コード:

[] 'react-native-push-notification' からのプッシュ通知をインポートする;

PushNotification.localNotification({)]

] メッセージを: 「これはローカル通知です!」,[]

[] 日:新しい日付(Date.now() + 60 * 1000)、 // 1分

});[]]

リモートプッシュ通知の実装

リモート通知は、iOS用のAndroidおよびAppleプッシュ通知サービス(APN)用のFirebase Cloud Messaging(FCM)などのプッシュサービスを使用してバックエンドサーバーから送信されます。 これらは、デバイストークンとサーバー側のロジックが必要です。

火基礎クラウド・メッセージングの設定

Firebaseは、プラットフォーム間でプッシュ通知を管理するための統一されたプラットフォームを提供します。FCM を統合するには:

  • Firebaseプロジェクトを作成し、アプリを設定します。
  • サーバキーとデバイストークンを取得します。
  • Firebase SDK や REST API を使用して通知を送信します。

Firebase Cloud Messaging によるメッセージ送信例:

POST https://fcm.googleapis.com/fcm/send]

[]Content-Type: application/json

[認証:key=YOUR SERVER KEY[

〔{"to":"DEVICE TOKEN"、"notification": { "title": "Hello", "body": "これはリモート通知です"

プッシュ通知のベストプラクティス

効果を最大限に高めるために:

  • ユーザーの好みに基づいて通知コンテンツをパーソナライズします。
  • ユーザーのプライバシーを尊重し、必要な権限を取得します。
  • 適切なタイミングで通知をスケジュールします。
  • 両方のプラットフォームで徹底的に通知をテストします。

ローカルおよびリモート通知を組み合わせることで、開発者は、ユーザーを情報や関与し続ける、魅力的で応答性の高い React ネイティブ アプリを作成できます。