• 04-05-2020, 12:20:15
    #1
    React Native öğrenme sürecimde hem ilk izlenimlerimi hem de ücretsiz News Api kullanarak hazırladığım ufak bir haber uygulamasını geçtiğimiz haftalarda sizlerle buradaki yazımda paylaşmıştım. Bu süreçten sonra artık biraz daha üstüne koyabileceğim, sürekli güncelleyerek geliştirebileceğim bir mobil uygulama yapmaya karar verdim. Yıllardır WordPress alt yapısını kullanan siteler hazırladığım için de aklıma gelen ilk fikirlerden biri; WordPress sitelerinde standart olarak gelen rest api servislerini kullanarak bir mobil uygulama hazırlamak oldu.

    Eğer WordPress alt yapısına sahip bir internet siteniz var ise hali hazırda arka planda siz hiçbir ayar yapmanıza gerek kalmadan rest api ile bazı bilgileri paylaşan bir servisiniz mevcut demek. Bu yüzden React Native ile hazırladığım Obsioo WordPress Appini kendi sitenize entegre etmeniz için tek yapmanız gereken /src/config/index.js dosya dizinde yer alan URL kısmını değiştirmeniz. Bu adımdan sonra uygulama otomatik olarak sizin WordPress sitenize ait rest api ile haberleşerek sitenizdeki verileri kullanacak.

    1) Ana Sayfa

    Uygulamanın açılış ekranında iki adet FlatList mevcut, ilk FlatList yatay (Horizontal) olarak ayarladım ve burada 4 adet öne çıkan içeriği kullanıcı slide edebiliyor, alt kısımda ise dört farklı tasarım seçebileceğiniz dikey bir FlatList kullandım. Burada performans sebebi ile tek Flat List ile akışı tamamladım, bazı uygulamalar ScrollView içeresine farklı componentler ile akışı şekillendirmiş fakat buna şuan için gerek duymadım, ne kadar sade o kadar güzel diye düşünüyorum.



    2) Arama Sayfası



    3) Kategori Sayfası



    4) İçerik Detay Sayfası



    Görsellerin dışında arayüz hakkında fikir sahibi olabilmeniz amacı ile ufak bir videoyu da buraya eklemek istiyorum.


    https://www.youtube.com/watch?v=TYAIC1_7Edk


    Uygulamayı Düzenleme
    Uygulama üzerinde renk kodları, dil dosyaları ve hangi siteden veri çekeceğini ayarlayabileceğiniz 3 farklı dosya mevcut.

    Kaynak Kodlarını Githubta Görmek için tıklayın.


    Projeye İleride Eklenmesi Planlananlar :
    • One Signal ile push notification entegrasyonu,
    • Google Analytics entegrasyonu,
    • Detay sayfasına yorumlar kısmı,
    • Splash screen,
    • Font değişikliği gibi özellikleri de ilerleyen süreçte yapmayı planlıyorum.
    Siz de eksik gördüğünüz kısımları yorum yaparak veya direkt Pull Request açarak uygulamanın gelişmesine yardımcı olabilirsiniz.

    Kaynak : https://hasaneksi.net/wordpress-site...lamasi-obsioo/
  • smm panel
  • 05-05-2020, 01:05:33
    #2
    Bayagi emek vermissiniz, tebrik ederim.

    Benzer bir sekilde bir uygulama dusunmustum ama WordPress API ile ugrasma zamanim olmadigindan baslamadim. Sizinle paylasmak isterim.

    WordPress sitenin adresini hardcoded yapmak yerine asynstorage'da stringify edilmis bir dizi olarak tutup, uygulamanizi kullananlara istedikleri WordPress bloglarini takip etme imkani verilebilir. Bu sayede kisi diyelim ki 3 adet siteyi kendi listesine ekler, arka planda bu sitelerin API'larina istek gonderilir ve tum sitelerden gelen cevaplar Promise.all ile bir yerde toplanir, sonra ana ekranda bir feed olarak yayinlanir. Boylece kullanici bu uc siteye ayri ayri gitmeden hepsinin en son yazilarini uygulamanin anasayfasinda gorur. Yazilarin tamami okunmak istediginde ise isterseniz ayri bir screen olusturup tam yaziyi gosterirsiniz, isterseniz uygulama ici bir browser acabilirsiniz boylece bloglarin sahibi de bu dogal ziyaretciden faydalanmis olur.

    Siz bu uygulamayi gelistirmis tecrubeli biri olarak bu konseptin uygulanmasini mumkun goruyor musunuz?
  • 05-05-2020, 02:37:00
    #3
    Her şeyden önce güzel yorumun için çok teşekkür ederim.

    Tabi ki aslında mantık çerçevesinde çok güzel bir uygulama tek handikap kullanacak kişilerin takip edecekleri sitelerin WordPress olup olmadığını nasıl bileceği ? Yani son kullanıcı bizim kadar tecrübeli olmadığı için muhtemelen WordPress kavramına dahi çok uzak olabilir o yüzden burada en büyük gördüğüm sorun bu. Onun dışında her WordPress sitede default rest servisi olduğu için dediğin fikri hayata geçirmek için bir engel olduğunu düşünmüyorum.

    Projelerin var ise React Native konusunda yardımcı olmaya, fikir alışverişi yapmaya her zaman kapım açık. @samet_M; Kolay gelsin.
  • 08-05-2020, 14:26:34
    #4
    Dediğin gibi, son kullanıcının bilme ihtimali düşük.

    Ben React Native ile projeler yaptım ancak şu an için backend çalışıyorum, elimizde bir GraphQL/Apollo projesi var. Sizin uygulamayı görünce o eskilerden kalan fikrimi sunayım dedim.

    Holiqan adlı üyeden alıntı: mesajı görüntüle
    Her şeyden önce güzel yorumun için çok teşekkür ederim.

    Tabi ki aslında mantık çerçevesinde çok güzel bir uygulama tek handikap kullanacak kişilerin takip edecekleri sitelerin WordPress olup olmadığını nasıl bileceği ? Yani son kullanıcı bizim kadar tecrübeli olmadığı için muhtemelen WordPress kavramına dahi çok uzak olabilir o yüzden burada en büyük gördüğüm sorun bu. Onun dışında her WordPress sitede default rest servisi olduğu için dediğin fikri hayata geçirmek için bir engel olduğunu düşünmüyorum.

    Projelerin var ise React Native konusunda yardımcı olmaya, fikir alışverişi yapmaya her zaman kapım açık. @samet_M; Kolay gelsin.
  • 03-06-2020, 12:40:59
    #5
    Güzel çalışma yapmışsınız. React-native bence en büyük problem versiyonlar arasındaki uyumsuzluk.

    Eski bir versiyonda olan kütüphane yeni versiyonda çalışmıyor.

    Çözümü nasıl ürettiniz?