React Native ile Push Bildirimler

Adı : React Native ile Push Bildirimler

React Native ile Push Bildirimler

React Native, mobil uygulama geliştirme sürecinde popüler bir araçtır. Fonksiyonel ve kullanımı kolay olması nedeniyle, React Native, neredeyse her türlü proje için uygun bir çözümdür. Birçok uygulama sahibi, React Native'i kullanarak uygulama geliştirirken, ilk hedeflerinden biri de push bildirimleri entegrasyonudur.

Push bildirimler, bir uygulamanın kullanıcılarına, uygulama dışındayken bile mesaj gönderme ve onları geri çağırma yeteneği sunar. Bu, işletmelerin müşterileriyle etkileşim kurmalarını ve uygulamanın hedef kitlesini genişletmelerini sağlar.

React Native, push bildirimlerini entegre etmek için kullanılabilecek birçok farklı yol sunar. Bu yazıda, size React Native ile push bildirimlerini entegre etmenin en yaygın yöntemini anlatacağız.

1. Push bildirimleri için gereksinimler

React Native ile push bildirimleri entegrasyonu için şunlara ihtiyacınız olacak:

- Push Notifications API
- Gerekli uygulama izinleri: Sistem otomatik olarak izinlerin istenmesi için bir iletişim kutusu gösterir, ancak uygulama şablonları oluştururken izinleri vermek de mümkündür.
- Firebase Cloud Messaging (FCM) hesabı

2. Firebase Cloud Messaging (FCM) kurulumu

FCM, uygulama geliştiricilerinin push bildirimleri göndermek için kullanabilecekleri bir Google servisidir. Bu nedenle ilk olarak, bir FCM hesabı oluşturmanız gerekecek.

1. Firebase Console'u açın ve yeni bir proje oluşturun.

2. Proje ayarları sayfasında, 'Proje ayarları'nın altında 'Cloud Messaging' sekmesine tıklayın.

3. \"Sunucu Anahtarını Getir\" düğmesine tıklayarak sunucu anahtarınızı alın.

3. Firebase SDK'nın Yüklenmesi

1. Firebase SDK'yı kurmak için, terminale şu komutu girin:

```
npm install --save react-native-firebase
```

2. React Native Firebase'i uygulamaya dahil etmek için uygulama desteği dosyasını yükleyin:

```
react-native link react-native-firebase
```

3. FCM uygulama desteği dosyasının yüklenmesi için:

```
react-native link react-native-firebase/messaging
```

4. Push Linki Oluşturma

1. FCM hesabınızla Firebase Console'a girin.

2. Projenizi seçin ve \"Proje Ayarlarına\" tıklayın.

3. Ardından “Cloud Messaging” sekmesine tıklayın.

4. Bu sayfanın alt kısmında “Push Sertifikaları” bölümünü göreceksiniz.

5. IOS Uygulamaları İçin Push Bildirimleri

IOS için push bildirimlerinin etkinleştirilmesi biraz daha karmaşıktır. Bununla birlikte, aşağıdaki adımları takip ederek IOS uygulaması için React Native push bildirimleri entegrasyonunu tamamlayabilirsiniz:

1. Developer Portal'da bir App ID oluşturmak için, Xcode'u açın ve “Preferences” → “Accounts” → “Apple IDs” bölümüne gidin.

2. Oluşturduğunuz App ID'yi seçin ve “Edit” düğmesine tıklayın. Bundan sonra “Push Notification” özelliğini etkinleştirin.

3. Apple Developer Console'a gidin ve sertifika talebinizi gönderin.

4. “Certificates” altında “Production” sertifikasını indirin ve \"Keychain Access\" ile açın. “Export” seçeneğini seçerek “p12” dosyası olarak kaydedin.

5. “.cer” dosyasını da indirin.

6. Firebase Console'a girin ve gerekli bilgileri girin.

7. “Firebase SDK” adı altında IOS uygulamanızı ekleyin. Bundle ID ve birçok diğer bilgiyi girin.

8. “GoogleService-Info.plist” dosyasını indirin ve bu dosyayı projenize ekleyin.

9. “AppDelegate.m” dosyasına gidin ve FCM için gerekli kodları girin:

```objc
#import
#import “RNFBMessagingModule.h”

....

- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken {
[RNFBMessagingModule didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
[FIRMessaging messaging].APNSToken = deviceToken;
}

- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo
fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler{
[RNFBMessagingModule didReceiveRemoteNotification:userInfo];
completionHandler(UIBackgroundFetchResultNewData);
}

- (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error {
[RNFBMessagingModule didFailToRegisterForRemoteNotificationsWithError:error];
}

- (void)applicationDidBecomeActive:(UIApplication *)application {
[FBSDKAppEvents activateApp];
[RNFBMessagingModule connectToFCM];
}

- (void)applicationDidEnterBackground:(UIApplication *)application {
[RNFBMessagingModule disconnectFromFCM];
}

- (void)application:(UIApplication *)application didReceiveLocalNotification:(UILocalNotification *)notification {
[RNFBMessagingModule didReceiveLocalNotification:notification];
}
```

6. Android Uygulamaları İçin Push Bildirimleri

Android uygulamaları için push bildirimleri, IOS'da olduğundan biraz farklıdır. Fakat Firebase Console üzerinden basit bir şekilde uygulama ayarları yapılabilir.

1. Firebase Console'da \"Android\" projesi oluşturun.

2. \"Package Name\" kısmına uygulamanızın paket adını girin.

3. “google-services.json” dosyasını indirin.

4. Dosyayı projenizin rota klasörüne yerleştirin.

5. Firebase Components'i yüklemek için, projenize şu komutu girin:

```
npm install --save react-native-firebase
```

6. Son olarak, messaging uygulama desteği dosyasını yükleyin:

```
react-native link react-native-firebase/messaging
```

7. Pop-Up İzin & Notification Yönetim İzinleri

Push izni alınmadan önce, uygulamanızın pop-up izinleri ve push bildirimleri için yönetim izinlerine ihtiyacı vardır.

1. Pop-up izinleri için, IOS'ta \"registerForRemoteNotifications\" API kullanılmalıdır. Android’de kullanımı zorunlu değildir, ancak buna benzer bir doğrulama yapılmaktadır.

2. Yönetim izinleri için, uygulamanız isteği sunmalıdır. Notification yönetimine girilen izinlerin, 'ios' ve 'android' altındaki dosyalarınıza tam olarak yerleştirilmesi gerekmektedir.

Sık Sorulan Sorular

1. Cloud Messaging kullanmadan sadece push notification göndermek mümkün mü?
Hayır, push bildirimleri için Google Cloud Messaging veya Firebase Cloud Messaging gereklidir.

2. Push bildirimleri için Firebase zorunlu mu?
Teorik olarak, Firebase bulut izleme, iOS değişiklikleri bildirimi ve Android bildirim kanallarını kullanıyor, ancak ana bahsettiğimiz konu, görüntülenecek ve gönderilecek bildirimlerin sahip olması, gelen bildirimlerin düzenlenmesi, vb. için gereklidir ve Firebase dokümantasyonunda her şey uygulanabilir bir şekilde açıklanmıştır.

3. Push bildirimlerini test etmek için hangi araçları kullanabilirim?
Firebase Console’da uygulamanızda test etmek için bir simülatör bulunmaktadır, ayrıca Cloud Messaging API'sine bağlanarak 3. taraf uygulamalarla test yapabilirsiniz.

4. Push bildirimlerinin API aracılığıyla gönderilmesi mümkün mü?
Evet, Firebase Cloud Messaging API üzerinden otomatik olarak veya çok sayıda işlem için manuel olarak göndermek mümkündür.

5. Push bildirimleri için hangi API sürümünü kullanmalıyım?
Firebase SDK son sürümünü kullanarak, en güncel API sürümünü kullanabilirsiniz.

Sonuç olarak, React Native kullanarak push bildirimlerini entegre etmek, ancak sıkı bir süreçtir. Ancak, Firebase Cloud Messaging kullanarak kodlamaya yardımcı olan ve daha basit bir çözüm sunan bir arabirim sunuyoruz. Bu yöntem kullanılarak kullanıcılar cep telefonlarına anlık bildirimler gönderebilir ve işletmelerin müşterileriyle etkileşimde olmalarını sağlar. Bu nedenle, mobil uygulama projelerinde push bildirimleri, olmazsa olmaz bir özelliktir."