Şimdi Ara

API'ımız ile Haberleşecek Web Sitemizin URL'i Hakkında Ufak Bir Soru

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
11
Cevap
0
Favori
522
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Öne Çıkar
0 oy
Sayfa: 1
Giriş
Mesaj
  • Bir web uygulaması yapıyoruz. Bir arkadaşım API kısmını yazdı. Ben de frond-end kısmını tasarladım ve kodladım.
    Sitenin bütün olayı API üzerinden dönecek. Sitede ürünlerimiz var. Bu ürünlerin bilgileri de API üzerinden geliyor.
    Bir tane urun.html'im var. Bu ürünün hangi ürün olduğunu url üzerinden almam mümkün mü?
    Yani örneğin wwww.bizimsitemiz.com/urun.html?urun=le-cola benzeri bir yapı kurmak ne kadar mantıklı?
    Javascript ile URL'i parse etmem ve buradaki urun parametresinin değerini okuyarak API'dan bu ürünün özelliklerini çekmem güvenlik ve SEO açısından bir sorun yaratır mı?
    Aslında yapmak istediğim şeyi en sorunsuz şekilde nasıl yaparım bana bunun cevabı gerekiyor.
    Umarım anlaşılabilir olmuşumdur.
    Şimdiden teşekkürler, iyi çalışmalar.. :)



    _____________________________




  • site.com/urun/1 şeklinde bir rotalama yapın.Daha sonra api ile get istediği atıp 1 numaralı ürünü çekebilirsiniz.
    _____________________________
  • quote:

    Orijinalden alıntı: BiletlerBiletxD

    site.com/urun/1 şeklinde bir rotalama yapın.Daha sonra api ile get istediği atıp 1 numaralı ürünü çekebilirsiniz.
    Sitenin bir back-end i yok önyüzü React ile geliştiriyorum. En temiz şekilde bu rotalama işini ne ile yapabilirim?
    _____________________________
  • React kullanmıyorum.Vue.js öğrenme aşamasındayım.Ama mantık benzer olduğu için ufak bir google araması yaptım.Aşağıdaki şekilde bir kullanımı varmış.Back-end'ten kastım apiydi.

    <Route exact path="/movie/:id" component={MovieDetailsContainer} />


    get => "/urun/{id}" şeklinde get isteği alan API'ye dinamik olarak id gönderip dönen veriyi diğer componenette kullanmalısınız.
    _____________________________




  • quote:

    Orijinalden alıntı: BiletlerBiletxD

    React kullanmıyorum.Vue.js öğrenme aşamasındayım.Ama mantık benzer olduğu için ufak bir google araması yaptım.Aşağıdaki şekilde bir kullanımı varmış.Back-end'ten kastım apiydi.

    <Route exact path="/movie/:id" component={MovieDetailsContainer} />
    https://medium.com/better-programming/how-to-pass-multiple-route-parameters-in-a-react-url-path-4b919de0abbe

    get => "/urun/{id}" şeklinde get isteği alan API'ye dinamik olarak id gönderip dönen veriyi diğer componenette kullanmalısınız.
    API url'inde bir sıkıntı yok o zaten /urun/iphone şeklinde çalışıyor. Benim aradığım sitenin url kısmı için.
    _____________________________




  • Yağsız Makarna kullanıcısına yanıt
    Ürün/iPhone şeklinde istek attığında doğru şekilde sonuç dönüyorsa problem yok.Site kısmından kastını tam olarak anlamadım.

    < Bu ileti mobil sürüm kullanılarak atıldı >
    _____________________________
  • quote:

    Orijinalden alıntı: BiletlerBiletxD

    Ürün/iPhone şeklinde istek attığında doğru şekilde sonuç dönüyorsa problem yok.Site kısmından kastını tam olarak anlamadım.
    Şimdi hocam.
    API (Ruby on Rails) + React(Bu sadece front-end kodları içeriyor) şeklinde bir projemiz var.
    API'a /urun/lg-g3 şeklinde get, post vb. istekte bulunabiliyoruz. React kodları da bütün dinamik verilerini bu API'dan çekiyor. Yani web sitesi hiçbir back-end işlemini barındırmıyor. Yaptığı tek şey API'a istek atıp o isteğe dönen verileri göstermek. bizimsite.com/urun.html?urun=lg-g3 bu şekilde lg-g3 sayfasını görüntülemek mümkün (Javascript ile url'i parse edip, "urun" parametresine karşılık gelen değeri API'a /urun/lg-g3 isteği geçip gelen json dosyasındaki verilerle sayfayı oluşturmak). Bizim olmasını istediğimiz şey bizimsite.com/urun/lg-g3 şeklinde url verdiğimizde parantez içinde bahsettiğim olayın gerçekleşmesi. Anladığım kadarıyla bu url-routing olarak geçiyor. Ancak bunu en temiz şekilde nasıl yaparım bilmiyorum.
    _____________________________




  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
  • Yağsız Makarna kullanıcısına yanıt
    Tamamdır anladım.React ile sadece temel düzeyde bilgiye sahibim.Bugünde vue.js tutorials izliyordum.Uykum geldi yatıcam.Sıradaki derste vue-router konusuydu.Tesadüfe bak

    Ama mantığını yazıyorum sende react router dökümantasyonlarına veya başkalarının kodlarına bakarak kendine uyarlarsın.Zaten api aracılığıyla veriyi çekmişseniz mantığı kavradınız demektir.

    const routes = {
    "/" : HomeComponent,
    "/urun/{urunAdi}: UrunComponent
    }

    Ürün adını süslü parantez içine yazdım.Çünkü burası sürekli değişen bir değer alacak.Ruby ve React kullanarak nasıl yaparsın bilmiyorum ama laravel ile şöyle yapılıyor.

    {{ route(urunler.urunAdi, urunAdi }}
    Bunu foreach döngüsü içinde düşün.Sayfaya bütün ürünlerin adını yazdırıyor.Urun adını da parametre olarak ekleniyor.Api bu şekilde sana veriyi döndürdüğünde sende bu ürün adını url kısmında yakalıyorsun.Aynı şekilde sende istek attığında bu parametreyi back-end yakalıyor.Tek sorun bunu React ve Ruby'de nasıl yapacağın.Fakat mantık tamamen aynı.
    _____________________________




  • Backend yok derken ürünleri farklı sayfalardan mı çekiyorsunuz? Ayrıca anlattığınız şekilde web sayfası yapabilirsiniz fakat seo açısından hiç iyi olmaz. Arama sayfalarının robotları javascript ile render edilmiş sayfalarda çok sıkıntı çıkarıyor. En sağlıklısı sayfanın sunucu tarafında render edilip sunulmasıdır. Ayrıca react yada vue ile uğraşmayın. Url yi fetch edip gelen json verilerini parse ederseniz kolayca sayfa oluşturursunuz. Fakat dediğim gibi seo açısından hiç iyi olmaz.
  • Şimdilik php ile htaccess üzerine oynayarak bir çözüm buldum.
    Baştan o şekilde tasarladığımız için SEO biraz kötü olacak ama olsun artık
    _____________________________
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.