İçeriğe geç

React Native CodePush Kullanımı

Mobil uygulama geliştiriciler, uygulamalarını uygulama mağazalarında(store) yayınlamanın ve güncellemenin zorlu bir süreç olduğunu iyi bilirler. Başvuru yaptıktan sonra duruma göre Google Play’de birkaç saat, App Store’da birkaç gün denecek süreler sonrasında yaptığınız güncelleme yayına alınır.

Eğer React Natvie gibi hibrit uygulamalar geliştiriyorsanız, CodePush sizin için uygulamanızın kaynak kodunu sunucuda tutuyor ve güncelleme gerçekleştireceğiniz zaman kodunuzun sadece değişen kısımları istemcilere ileterek güncellemeyi gerçekleştiriyor. Bu sayedede kullanıcıların karşılaştıkları sorunlara anında müdahale etmeyi veya geliştirilen küçük uygulama özelliklerini store başvurusu yapmadan kullanıcılara iletmeyi sağlıyor.

CodePush CLI

CodePush hesabınızı komut satırından yönetebilmeniz için öncelikle NodeJS temelli CLI aracını edinmeniz gerekiyor. Aşağıdaki komutu girerek yükleyelim:

OSX ve Linux ortamında sudo ile çalıştırılması gerekmektedir.

komutu ile sisteme kayıt olalım veya giriş yapalım. Size tarayıcı sayfasına yönlendiricek burada yer alan kodu kopyalayıp terminal ekranına yapıştırın.

Artık bizim de bir CodePush hesabımız bulunuyor. Şimdi CodePush servisine bir uygulama nasıl eklenir ona bakalım.

  1. adım – uygulama oluşturma

Burada Production ve Staging isminde iki adet deployment key’imiz oluşturulmuş durumda. Şimdilik bunları bir yere kaydedelim, daha sonra ihtiyacımız olacak.

Mobil uygulamanın CodePush ile entegre edilmesi

Kütüphanemizi dahil edelim. Ben bu örnekte 6.2.0 versiyonu ile çalıştım.

Plugin indikten sonra, CodePush’un uygulamamızı tanıyabilmesi ek ayarlar yapmamız gerekmektedir.

Bunlar hem android hemde ios için ayrı ayrı yapılacaktır.

Android özel ayarları:

  1. android/settings.gradle dosyamıza aşağıdaki eklemeleri yapın.
  2. android/app/build.gradle dosyamıza aşağıda yer alan 3. satırı ekleyin. 2. satır dosyamızda yer alıyor olmalı.
  3. MainApplication.java dosyamızı değiştirelim.

dosyamızda sadece ek olarak.

alanı eklendi.

strings.xml dosyasına “Staging” kodunu ekliyoruz.

App.js dosyası eklemeler:

constants.js

Burada en baştaki proje oluşturma kısmında hem ios hemde android için ayrı ayrı oluşan projelerden gelen Production kodlarını yazıyoruz.

Tüm adımlar uygulandı ise artık uygulamamız uzaktan güncellenmeye hazır.

Uygulama dizinimizde

kodunu çalıştırdığımızda sisteme güncel halini gönderecektir. Kullanıcıların bir sonraki uygulama açılışında otomatik güncelleme işlemine başlanacaktır.

Gönderilen her güncelleme app center’da görünecektir.

Örnek çıktı:

Tarih:React Native

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir