React Native Remote Config

Abdulkerim Karaman
alBarakaTech Global
2 min readJun 4, 2022

Remote config, kullanıcıların bir uygulamayı güncellemelerine gerek kalmadan uygulama üzerindeki görünüm veya davranışların uzaktan değiştirilebilmesidir. Remote config ile yapılabilecek davranışlara örnek vermek gerekirse:

  • Uygulama üzerinde yer alan yeni bir özellik aktif veya pasif konuma getirilebilir.
  • A/B veya yeşil-mavi diye adlandırılan testler yapılabilir.
  • Kampanya ekranları veya spesifik komponentler aktif hale getirilebilir.
  • Uygulama üzerinde versiyon kontrolü saglanarak kullanıcının uygulamayı zorunlu (force update) update etmesi sağlanabilir.
  • Uygulama menü yönetimi yapılabilir.

Bunlar dışında aklınıza gelebilecek bir çok senaryo remote config ile yapılabilir.

Bu noktada google firebase remote config servisi ile bizlere uygulamalarımız üzerinde uzaktan config yönetimi yapabilmemiz için bir servis sunmaktadır. Web ve mobil native sdk desteğinin yanısıra react native için tegi sağlamaktadır.

Öncelikle google firebase üzerinden yeni bir uygulama oluşturarak nasıl kullanacağımıza göz atalım.

https://console.firebase.google.com/

Şimdi olusturduğumuz uygulamaya girerek remote config sekmesinden yeni bir parametre ekleyelim.

Bu senaryomuzda kampanya görselinin gösterilip gösterilmeyeceğini remote config ile uzaktan yonetecegiz.

Şimdi react native uygulamamıza aşağıdaki paketleri yükleyelim.

# Install & setup the app module
npm install @react-native-firebase/app

# Install the remote-config module
npm install @react-native-firebase/remote-config

Ardından firebase SDK’sının react native üzerinde calışabilmesi için Andoid ve iOS dizinlerinde asagidaki yönelgeyi izleyerek (getting started) gerekli configleri yapalım.

https://rnfirebase.io/

Uygulamamızın init kısmında bir kontrol yaparak kampanyanın gösterilmesine karar verelim.

const campaignVisible = remoteConfig().getValue('campaign_visible');

if (campaignVisible.asString() === 'Yes') {
// Kampanyayi goster.
}

Evet gördüğünüz üzere google firebase konsol üzerinden eklediğimiz key’e çok basit bir şekilde ulaşarak işlem yaptık. Ayrıca bu config’leri istersek bölgesel, ülke, versiyon, seçili dil, rastgele, kullanim sıklığı vs. durumlarına bakarak da deploy edebiliriz.

React native firebase paketi ile ilgili daha kapsamlı bilgiye aşağıdaki adres üzerinden ulaşabilirsiniz.

https://rnfirebase.io/

--

--