Penerjemahan hinfling pemberitahuan push dalam aplikasi React Orisgin secara signifikan dapat meningkatkan keterlibatan pengguna dengan menyediakan pemutakhiran dan peringatan tepat waktu. Firebase Cloud Messaging (FCM) menawarkan solusi yang dapat diandalkan dan mudah terintegrasi untuk mengelola pemberitahuan push lintas platform. Panduan ini memandu Anda melalui langkah-langkah untuk menerapkan pemberitahuan push dalam React Pribumi menggunakan Firebase.

Kesukaan

  • Sebuah proyek React Pribumi didirikan dengan Expo atau React Pribumi CLI
  • Proyek Firebase dibuat di Firebase Console
  • Pengetahuan dasar tentang JavaScript dan React Pribumi
  • SDK Firebase Firefini terpasang di projek Anda

Memanenkan Pangkalan Api

Pertama, buat projek Firebase dan tambahkan aplikasi Anda ke projek itu. Muat turun berkas konfigurasi:

Android

GUNAKAN berkas google-services.json dan letakkan di direktori Android/app projek Anda. Pastikan untuk menambahkan SDK Firebase ke dalam dependensi proyek Anda.

iOS

unduh berkas GoogleService-Info.plist dan tambahkannya ke projek Xcode anda. Pasang SDK Firebase melalui CocoaPods.

Mengeluarkan Ketergantungan

Pasang paket Firebase yang diperlukan:

  • Untuk React Pribumi CLI:

ifola Run:

  • [[ZLT:0]]For Expo dikelola workflow:

Use the Expo Firebase SDK atau eject to gun workflow untuk modul asli.

Meminta Izin dan Mendapatkan Token

Dalam kode React Pribumi Anda, meminta izin untuk pemberitahuan dan mengambil token perangkat:

Contoh [email protected]

import messaging from '@react-native-firebase/messaging';

async function requestUserPermission() {
 const authStatus = await messaging().requestPermission();
 const enabled =
 authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
 authStatus === messaging.AuthorizationStatus.PROVISIONAL;

 if (enabled) {
 console.log('Authorization status:', authStatus);
 getFcmToken();
 }
}

async function getFcmToken() {
 const fcmToken = await messaging().getToken();
 if (fcmToken) {
 console.log('FCM Token:', fcmToken);
 // Send token to your server for push notifications
 }
}

requestUserPermission();

Pemberitahuan Masuk Penanganan Kepentingan

Para pendengar untuk menangani pemberitahuan dan tanggapan latar depan:

messaging().onMessage(async remoteMessage => {
 console.log('A new FCM message arrived!', remoteMessage);
 // Show local notification or update UI
});

messaging().setBackgroundMessageHandler(async remoteMessage => {
 console.log('Message handled in the background!', remoteMessage);
 // Handle background message
});

Peninjauan Eqan

Gunakan Firebase Cloud Messaging API atau Firebase Console untuk mengirim pemberitahuan. Contoh muatan:

{
 "to": "",
 "notification": {
 "title": "Hello!",
 "body": "This is a push notification."
 }
}

\"Tolak Pesan via Firebase Cloud Messaging REST API atau Firebase Console\".

Kekecualian Kesimpulan

Menyatukan pemberitahuan push dengan Firebase di React Pribumi melibatkan pengaturan Firebase, meminta izin, mendapatkan token perangkat, dan menangani pesan. Pelaksanaan yang tepat dapat meningkatkan keterlibatan pengguna dan menjaga aplikasi Anda tetap dinamis dan interaktif.