React Native Firebase Entegrasyonu Part-1

Selamlar, günümüzde yayınlanan mobil uygulamaların olmazsa olmazı oldu artık firebase. Bizim etrafımızdaki ve bizim yayınladığımız bütün uygulamalarda ilk entegre edilen araç haline geldi bile.

Peki firebase’i bu kadar güçlü yapan şey ne?

İhtiyacınız olan bütün araçları tek panel üzerinde toplayan ve bağladığınız araçlar ile istediğiniz koşullarda kullanıcılarınızı gruplayabildiğiniz harika bir mobil araç haline geldi. Firebase tekel olma yolunda emin adımlarla ilerliyor. Bir mobil uygulamada ihtiyacınız olan ne peki?

• Push Notification
• Admob
• Analytics
• Authentication

Firebase bu yazdıklarımın üstüne çok daha fazla özellik sunuyor. Önceden one signal ile push notification entegrasyonunu anlatmıştım. Artık hem one signal kurup hem de üstüne firebase kurmak mantıksız bir halde geldi. O yüzden bütün gerekli entegrasyonları firebase’e yıkmak en mantıklısı. Ben bu yazı serisinde yukarıda belirttiğim dört aracı entegrasyonunu nasıl kullanıldığını anlatacağım. Zamanla belki buradaki sayıyı arttırabilirim =). Hadi başlayalım!

Firebase Entegrasyonu

İlk olarak firebase sitesinden projemizi oluşturuyoruz.

Firebase projemizi oluşturduktan sonra iOS (ben iOS entegrasyonunu anlatacağım.) seçiyoruz.

Sol Üst Ayarlar Butonuna Basıp Proje Ayarları Diyoruz

iOS’e tıkladıktan sonra bizden bundle ismimizi isteyecek. Bundle isminizi belirleyin ve bir daha değiştirmeyin, değiştirmek mümkün ama uğraşmak gereksiz.

Uygulamayı kaydet’e tıkladığınızda size bir GoogleService-Info.plist adında bir dosya indirtiyor. Bu dosyayı XCode da projenizin altına atacaksınız.

İndirilen Dosyayı XCode altında projemize atıyoruz.

Evet şimdi react native için firebase’i kuralım. react native firebase dökümanı için buraya tıklayabilirsiniz.

npm install --save react-native-firebase

React-Native version 60 sonrası için otomatik link olduğu için pod install yapabiliriz eğer version 60 altındaysanız pod dosyasının altına;

pod 'Firebase/Core', '~> 6.3.0'

Bunuda yaptıktan sonra XCode altında AppDelegate.m dosyasını açalım ve üste firebase’i import edelim.

#import <Firebase.h>

Firebase’i ekledikten sonra didFinishLaunchingWithOptions altına firebase configure fonksiyonunu ekleyelim.

[FIRApp configure];

Artık tekrar uygulamamızı yükleyebiliriz. (Telefon üzerinden silip tekrar yüklemeniz gerekebiliyor)

Ve artık firebase, projemize eklenmiş oldu. Firebase eklemek çok kolay ve hızlı. Burada artık Part-1'i bitirebiliriz.

Önümüzdeki günlerde şu şekilde ilerleyeceğim;

Part 2 Analytics

Part 3 Firebase Push Notification

Part 4 Firebase Admob

Part 5 Authentication

Yazılar yazdıkça üste linklerini ekleyeceğim. Bir github reposu altında her commit’i bir part olacak şekilde ilerleyeceğim. Repoya buradan ulaşabilirsiniz.

Aklınıza takılan herhangi bir soru olursa bize sorabilirsiniz.

Part 2 de görüşmek üzere!