lostyazilim
tr.link

WordPress Siteler İçin React Native Uygulaması : Obsioo

6 Mesajlar 974 Okunma
acebozum
tr.link

Holiqan Holiqan WM Aracı Kullanıcı
  • Üyelik 03.02.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bursa
  • Ad Soyad H** E**
  • Mesajlar 876
  • Beğeniler 211 / 116
  • Ticaret 10, (%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-siteler-icin-react-native-uygulamasi-obsioo/
dividibygear ByFlash

kişi bu mesajı beğendi.

wmaraci
reklam

emrexbt8 emrexbt8 Mergen Bilişim GmbH Kullanıcı
  • Üyelik 24.01.2020
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Çorum
  • Ad Soyad Y** B**
  • Mesajlar 912
  • Beğeniler 91 / 118
  • Ticaret 1, (%100)
Hocam site linkimi atsam bana yapabilirmisiniz, bu konularda bilgim yok daha önce android studioda kullanmadım
 

 

Holiqan Holiqan WM Aracı Kullanıcı
  • Üyelik 03.02.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bursa
  • Ad Soyad H** E**
  • Mesajlar 876
  • Beğeniler 211 / 116
  • Ticaret 10, (%100)
Merhaba, bununla ilgili ilerleyen zamanlarda uygulama ile birlikte bir dokümantasyon hazırlayacağım.
 

 

MtnOzd MtnOzd RIS / PACS Yöneticisi Kullanıcı
  • Üyelik 23.03.2012
  • Yaş/Cinsiyet 35 / E
  • Meslek Ris PACS Admin
  • Konum İstanbul Anadolu
  • Ad Soyad M** Ö**
  • Mesajlar 319
  • Beğeniler 24 / 78
  • Ticaret 19, (%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
 

 

wmaraci
wmaraci

Holiqan Holiqan WM Aracı Kullanıcı
  • Üyelik 03.02.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bursa
  • Ad Soyad H** E**
  • Mesajlar 876
  • Beğeniler 211 / 116
  • Ticaret 10, (%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

kişi bu mesajı beğendi.

MtnOzd MtnOzd RIS / PACS Yöneticisi Kullanıcı
  • Üyelik 23.03.2012
  • Yaş/Cinsiyet 35 / E
  • Meslek Ris PACS Admin
  • Konum İstanbul Anadolu
  • Ad Soyad M** Ö**
  • Mesajlar 319
  • Beğeniler 24 / 78
  • Ticaret 19, (%100)

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

kişi bu mesajı beğendi.

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al