.NET Core SignalR ve WebSocket Kullanarak Real-Time Uygulamaları Geliştirmek

Adı : .NET Core SignalR ve WebSocket Kullanarak Real-Time Uygulamaları Geliştirmek

Real-time uygulamalar, kullanıcıların anlık olarak değişen verileri görebilmesine ve işlem yapabilmesine olanak tanıyan uygulamalardır. Bu tür uygulamalar birçok alanda kullanılabilirler, örneğin chat uygulamaları, anlık lokasyon tespiti, canlı oyunlar ve daha birçok alanda kullanılabilirler.

.NET Core SignalR ve WebSocket, web uygulamalarında real-time özellikleri sağlamak için kullanılan iki popüler teknolojidirler. SignalR, anlık iletişim ve tek yönlü ekran güncelleme işlemleri için kullanılırken, WebSocket daha çok çift yönlü uygulamalar için tercih edilir.

Bu yazıda, .NET Core SignalR ve WebSocket kullanarak nasıl real-time uygulamalar geliştirebileceğiniz hakkında detaylı bilgi verilecektir.

.NET Core SignalR Nedir?

.NET Core SignalR, gerçek zamanlı (real-time) uygulamaları geliştirmek için kullanılan bir kütüphanedir. Bu kütüphane, web soketleri, AJAX ve daha birçok protokol kullanarak uygulamalar arasında iletişim sağlar.

.NET Core SignalR, uygulamanın arkasındaki verilerde, anlık olarak tetiklenen değişikliklerde müşterilere anlık olarak bildirim gönderebilir ve ön yüzde hızlı ve responsive bir deneyim sunar.

Örnek: SignalR Kullanarak Anlık Chat Uygulaması Geliştirmek

Aşağıdaki adımları izleyerek, SignalR kullanarak anlık bir chat uygulaması geliştirebilirsiniz:

1. Bir ASP.NET Core projesi oluşturun.

2. SignalR kullanmak için NuGet paketini yükleyin.

3. Startup.cs sınıfına girerek, uygulamanın SignalR kullanacağını bildirin.

```csharp
public void Configure(IApplicationBuilder app)
{
app.UseEndpoints(endpoints =>
{
endpoints.MapHub(\"/chatHub\");
});
}
```

4. ChatHub sınıfını oluşturun ve burada senaryoyu koordine edin ve istemcilere bildirim gönderin.

```csharp
public class ChatHub : Hub
{
public async Task SendMessage(string user, string message)
{
await Clients.All.SendAsync(\"ReceiveMessage\", user, message);
}
}
```

5. İstemciler, SignalR bağlantısını kullanarak sunucuyla bağlantı kurarlar ve işlemlerini burada gerçekleştirebilirler.

```html

```

Bu script etiketi ile, SignalR kütüphanesini sayfaya ekleyerek, yeni bir signalr bağlantısı başlatabiliriz. Bu kodda, SendMessage fonksiyonu tarafından çağrılan server tarafındaki C# fonksiyonuna mesaj ve kullanıcı adı bilgileri gönderiliyor ve bu fonksiyon execute edilince, önderi User1, içeriği ise, input text box tan alarak veritabanına kaydediyor. Aynı zamanda, SignalR gönderilen mesajı tüm bağlantılara gönderiyor.

Bu yukarıdaki örnek gibi, SignalR Vue.js, React, Angular gibi front-end frameworkler ile çok rahat bir şekilde entegre edebilir.

WebSocket Nedir?

WebSocket, gerçek zamanlı uygulamalar için bir protokoldür. XMLHttpRequest nesnelerinin aksine, soket-tabanlı bir iletişim sağlar ve sunucu ve istemci tarafında iki yönlü iletişimi destekler.

WebSocket, tam bir açılır-kapanır-mesajlaşma orientalizasyonuna sahiptir ve aynı zamanda tüm platformlar arasında bağımsız olarak kullanılabilir.

Örnek: WebSocket Kullanarak Anlık Yolculuk Paylaşım Uygulaması Geliştirmek

Bu örnek için, yolculuk paylaşım uygulamasını görüntüleyen bir HTML sayfası kullanacağız. WebSocket, araçların anlık olarak lokasyon verilerini göndermesini sağlayacak ve JavaScript kodu, bu verileri anlık olarak sayfada gösterecektir.

Sunucu tarafında, .NET Core SignalR kullanarak bir WebSocket bağlantısı oluşturuyoruz ve verileri anlık olarak aracılığıyla gönderiyoruz.

Sunucu tarafındaki kod şu şekildedir:

```csharp
public async Task SendLocation(string location)
{
await _hubContext.Clients.All.SendAsync(\"ReceiveLocation\", location);
}
```

İstemci tarafında, WebSocket ile sunucu ile bağlantı kurarak mesajlar alıp gönderiyoruz.

```js
const socket = new WebSocket(\"wss://localhost:5001/Socket\");

socket.addEventListener(\"open\", function () {
console.log(\"WebSocket bağlantısı başarılı bir şekilde başlatıldı.\");
});

socket.addEventListener(\"message\", function (event) {
const location = event.data;
console.log(\"Recieved Location: \" + location);
});

function sendLocation(location) {
socket.send(location);
}
```

Sıkça Sorulan Sorular

1. SignalR ve WebSocket arasındaki fark nedir?

SignalR, gerçek zamanlı uygulamalar için bir kütüphanedir ve web soketleri, AJAX ve diğer protokoller aracılığıyla sunucu-istemci iletişimini sağlar. WebSocket ise, bir protokoldür ve web soketlerine dayalı, iki yönlü bir bağlantı sunar.

2. SignalR hakkında başka ne bilmeliyiz?

SignalR, .NET Core için geliştirilmiştir ve web uygulamaları için kolayca kullanılabilir. SignalR, birçok web uygulamasında kullanılması gereken real-time özellikleri sağlar.

3. WebSocket nasıl güvenli hale getirilir?

WebSocket bağlantıları genellikle HTTPS üzerinden yönlendirilir, böylece bağlantı daha güvenli hale getirilebilir. Buna ek olarak, WebSocket kullanırken, diğer bağlantılar kadar güvenlik önlemleri alınması önerilir.

4. WebSocket desteklenmeyen tarayıcılar için ne yapmalıyız?

WebSocket, neredeyse tüm modern tarayıcılar tarafından desteklenir. Ancak, bazı eski tarayıcılarda desteklenmeyebilir. Bu durumda, alternatif teknolojiler sunabilirsiniz veya eski tarayıcılar için bir farklı yaklaşım izleyebilirsiniz.

Sonuç

.NET Core SignalR ve WebSocket, anlık iletişim ve gerçek zamanlı uygulamaları geliştirmek için mükemmel araçlardır. Bu yazıda verilen örnekleri uyarlayarak, real-time uygulamaların geliştirilmesi de daha kolay hale getirilir. Her iki teknoloji de, tasarım, işlevsellik ve kullanılabilirlik gibi kilit özelliklere odaklanarak, kullanıcılar için daha iyi bir deneyim sunar."