Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


4Beğeni
  • 2 Yazan Holiqan
  • 1 Yazan Holiqan
  • 1 Yazan MtnOzd

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Android Uygulama Geliştirme

374x90

Bu Alana Reklam Ver

WordPress Siteler İçin React Native Uygulaması : Obsioo

  #1  
Okunmamış 03 Mayıs 2020, 17:49
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Şubat 2014
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Bursa
Ad, Soyad: Ha... Ek...
Mesajlar: 889
Beğeniler: 116 / 211
Ticaret: 9, 100%
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.




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/
dividibygear ve ByFlash bunu beğendi.
  #2  
Okunmamış 03 Mayıs 2020, 18:01
emrexbt8 Adlı Üyenin Avatarı
Mergen Bilişim GmbH
 
Üyelik Tarihi: 24 Ocak 2020
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Çorum
Ad, Soyad: Yu... Bo...
Mesajlar: 906
Beğeniler: 117 / 91
Ticaret: 1, 100%
Hocam site linkimi atsam bana yapabilirmisiniz, bu konularda bilgim yok daha önce android studioda kullanmadım
  #3  
Okunmamış 04 Mayıs 2020, 02:29
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Şubat 2014
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Bursa
Ad, Soyad: Ha... Ek...
Mesajlar: 889
Beğeniler: 116 / 211
Ticaret: 9, 100%
Merhaba, bununla ilgili ilerleyen zamanlarda uygulama ile birlikte bir dokümantasyon hazırlayacağım.
  #4  
Okunmamış 04 Mayıs 2020, 11:43
MtnOzd Adlı Üyenin Avatarı
RIS / PACS Yöneticisi
 
Üyelik Tarihi: 23 Mart 2012
Yaş / Cinsiyet: 32 / Erkek
Ad, Soyad: Me... Ö....
Mesajlar: 325
Beğeniler: 75 / 24
Ticaret: 16, 100%
Merhaba hocam, öncelikle ellerinize sağlık

Github üzerinden verdiğiniz dosyalar programın açık kaynak hali mi? biz de üzerinde çalışma yapabiliyor muyuz yani
  #5  
Okunmamış 04 Mayıs 2020, 11:58
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Şubat 2014
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Bursa
Ad, Soyad: Ha... Ek...
Mesajlar: 889
Beğeniler: 116 / 211
Ticaret: 9, 100%
MtnOzd Merhabalar, çok teşekkür ederim. Evet sizde değişiklik yapabilirsiniz, WordPress siteniz için tek yapmanız gereken yazıda ki gibi config dosyasının içindeki URL güncelleyip build almanız.
MtnOzd bunu beğendi.
  #6  
Okunmamış 04 Mayıs 2020, 14:13
MtnOzd Adlı Üyenin Avatarı
RIS / PACS Yöneticisi
 
Üyelik Tarihi: 23 Mart 2012
Yaş / Cinsiyet: 32 / Erkek
Ad, Soyad: Me... Ö....
Mesajlar: 325
Beğeniler: 75 / 24
Ticaret: 16, 100%
Alıntı:
Holiqan Adlı Üyeden Alıntı
MtnOzd Merhabalar, çok teşekkür ederim. Evet sizde değişiklik yapabilirsiniz, WordPress siteniz için tek yapmanız gereken yazıda ki gibi config dosyasının içindeki URL güncelleyip build almanız.
Süper bende biraz kurcalamaya çalışıyım o zaman

Diğer güncellemeler ile ilgili de konunuzu takip ediyorum hocam.
Holiqan bunu beğendi.
Cevap Yaz Favorilerime Ekle

Domain Yurdu – Domainler, Siteler ve Markalar İçin Pazaryeri ve Danışmanlık Hizmetleri


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Android Uygulama Geliştirme


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı





Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 15:47.