Front-End ile Back-End nasıl iletişim kuruyor?

790714

Femtopat
Katılım
30 Mayıs 2024
Mesajlar
9
Mesela React ile .Net kullandım. Bunlar birbirleri ile nasıl iletişim kuruyor. API dediğimiz şeyle mi? Mesela Manager ve employeenin göreceği bileşenler farklı olsun, bunu sanırım sunucu tarafı kodda yapacağız. Peki bunu React nasıl bilecek? Azıcık aydınlatır mısınız?
 
Backend tarafından belirlediğin şeyi front endde gösteriyorsun gibi denilebilir en basit örnekle şunu anlatabilirim. Veritabanından login yapan kullanıcının ID'si maili vb. şeylerini çekersin ve bunları kullanırsın, bunların yanında belirttiğin bir status, admin ne ad verirsen artık bir sütuna daha ihtiyacın olur. En temel mantıkta admin yaptığımızı varsayalım, admin verisi 1 dönerse admindir 0 dönerse değildir. Bir noktada bunu if else ile yapabilirsin. React'ta sürekli auth kontrolü yapman işini çözecektir tabii bunun devamında güvenlik vb işler giriyor temel kısmını anlattım.

Eğer anlamadıysan temel mantıkta
Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.
şöyle bir video var muhtemelen bu da ne demek istediğimi daha net anlayabilmeni sağlar.
 
Bir API oluşturduğun zaman herhangi bir client ile o API' yle haberleşebilirsin. Client' ın ne olduğu önemsiz. İstersen react ile oluşturmuş olduğun web projesi olsun istersen flutter ile yaptığın mobil proje. Mantık hep aynıdır. HTTP protokolü ile API nin url sine istek atarsın ve gelen veriyi client tarafında işlersin. Eğer yöneticinin API' daki bir takım şeylere özel olarak erişmesini istiyorsan sunucu(API) tarafında yetkilendirme (authorization) yaparsın. Böylece sadece o role ait kişiler API' deki kısıtlanan veriye erişebilir.
 
Kavram ve genel bilgi eksikliğin var.
API bir tool değil, kavram. Application Programming Interface olarak geçer. Bu sadece frontend-backend arasında olan bir şey değil. Herhangi 2 sistem arasındaki haberleşmeyi anlatan bir kavramdır.
Şimdi API kavramını öğrendiğine göre;
Mesela Manager ve employeenin göreceği bileşenler farklı olsun, bunu sanırım sunucu tarafı kodda yapacağız. Peki bunu React nasıl bilecek?
Manager ve employee olduğuna göre bir authorize yapın mevcut. Kullanıcı authenticate olduktan sonra, gelen rol bilgisine göre component yapını çıkarman gerekiyor. Mesela;
ManagerRoutes ve EmployeeRoutes adında iki farklı route tipin olur. Gelen rol bilgisine göre ilgili route gösterilir. Burası artık sorunun dışarısına çıkıyor. Detaylı girmeyeceğim.
 

Technopat Haberler

Yeni konular

Geri
Yukarı