ENTERPRISE REACT
Enterprise React Uygulamalar için Altyapı — 7 (Communication)
Bu blog yazısında sunucu ve tarayıcılar arasında iletişimin nasıl sağlanacağı üzerinde duracağız.
Bu blog yazısında tarayıcı’ da çalışan Web Uygulamamızın, Sunucu ile etkileşimi üzerinde duracağız. Bunu göre onurdayibasi.dev üzerinde bunun üzerine geliştirmeler yaparak bu alandaki kaslarımımız geliştirmeye çalışacağız.
Aşağıdaki resimden görebileceğiniz, Farklı farklı sunucu ve tarayıcıların birbirleri konuşma yöntemleri bulunur.
1. İletişim Yöntemleri
1.1. Req/Resp (REST)
İstemci ile Sunucu arasında istek/cevap üzerinden çalışır. Özetle ilk işlemi her zaman istemci yani web uygulamasından sunucuya gider, sunucu bunu işler ve buna bir cevap döner.
Bu yönteme Client-Server Modeli de diyoruz.
1.2. Web Socket Yöntemi
Bu yöntemde İstemci ile Sunucu arasında 2 taraflı bir iletişim kurulur. Bir Socket açılır ve bunun üzerinden 2 tarafa birbirine mesaj gönderebilir.
1.3. SSE (Server Send Event) Yöntemi
Bu yöntem Sunucu’nun İstemciye tek yönlü mesaj iletmesini istediğimiz durumlarda kullandığımız bir yöntemdir.
1.4. SendBeacon Yöntemi
Burada amaç web durumu ile ilgili küçük bilgileri sunucudan onay beklemeden async olarak sunucuya göndermeyi sağlar.
1.5. WebRTC Yöntemi
WebRTC tarayıcıların birbirleri ile haberleşmesi sırasında sunucuyu aradan çıkararak direk tarayıcıdan , tarayıcıya iletişim kurulmasını sağlar.
2. Kullanım Senaryoları
Her bir iletişim yönteminin farklı farklı olduğu gibi aynı amaca yönelik kullanım senaryoları bulunur. Biz bu 4 farklı senaryoda inceleyebiliriz;
- Transactional İşlemler (Req/ Resp)
- Live Data, Real Time (Web Socket, SSE, Long Polling)
- Karşılıklı Konuşma ve İletişim (WebRTC, WebSocket)
- Observability bilgilerinin iletilmesi (Beacon)
Yukarıdaki örnekleri gerçekleştirebilmek için birçok React Kütüphanesi bulunur, bunlar ile ilgili örnekler üzerinde daha sonra duruyor olacağım. Burada temel iletişim yöntemlerinden özet olarak bahsetmeya çalıştım
Okumaya Devam Et 😃
Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.
