React Native'de Push Notification Gönderme
React Native uygulamalarında push bildirimleri göndermek için genel olarak şu adımlar izlenir:
1. Projeye Gerekli Kütüphaneleri Ekleyin
React Native'de push bildirimleri için genellikle Firebase Cloud Messaging (FCM) kullanılır. Aşağıdaki kütüphaneleri projenize ekleyin:
- @react-native-firebase/app
- @react-native-firebase/messaging
2. Firebase Projesi Oluşturun
Firebase konsoluna gidin ve yeni bir proje oluşturun. Uygulamanızı ekleyin ve gerekli ayarları yapın.
3. Konfigürasyon Ayarlarını Yapın
Android ve iOS için gerekli konfigürasyonları tamamlayın:
- Android için google-services.json dosyasını indirin ve projeye ekleyin.
- iOS için AppDelegate.m dosyasına gerekli kodları ekleyin ve Push Notification yetkilerini ayarlayın.
4. Bildirim İzni İsteyin
Uygulama çalıştığında kullanıcılardan bildirim izinlerini talep edin:
```javascript
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('İzin verildi');
}
}
```
5. Cihaz Token'ını Alın
Cihaz token'ını alarak sunucuya gönderin:
```javascript
const token = await messaging().getToken();
console.log(token);
```
6. Sunucudan Bildirim Gönderin
Backend tarafında, belirli bir cihaza bildirim göndermek için FCM API'sini kullanabilirsiniz:
```javascript
const message = {
to: deviceToken,
notification: {
title: 'Başlık',
body: 'Bildirim mesajı',
},
};
await fetch('https://fcm.googleapis.com/fcm/send', {
method: 'POST',
headers: {
'Authorization': 'key=YOUR_SERVER_KEY',
'Content-Type': 'application/json',
},
body: JSON.stringify(message),
});
```
7. Uygulama İçinde Bildirimleri Yönetme
Bildirim alındığında yapmanız gereken işlemleri belirleyin:
```javascript
messaging().onMessage(async remoteMessage => {
Alert.alert('Bir bildirim alındı!', remoteMessage.notification.body);
});
```
Bu adımları takip ederek React Native uygulamanızda push bildirimleri gönderebilirsiniz.
