<\/div>\n

Merhaba,<\/p>\n

SignalR mimarisi, Hub’lara yap\u0131lan ba\u011flant\u0131lar\u0131 y\u00f6netmek ve izleyebilmek i\u00e7in OnConnectedAsync<\/em> ve OnDisconnectedAsync<\/em> olmak \u00fczere iki adet virtual metot sunmaktad\u0131r. Bu metotlar\u0131 override ederek, bir Hub’a ba\u011fl\u0131 olan t\u00fcm client’lardan haberdar olunabilmekte ve b\u00fct\u00fcnsel i\u015flemleri rahatl\u0131kla ger\u00e7ekle\u015ftirebilmekteyiz. \u015eimdi s\u0131ras\u0131yla iki fonksiyonu inceleyelim;<\/p>\n

\n
OnConnectedAsync<\/strong>
\nBir client taraf\u0131ndan Hub’a ba\u011flant\u0131 kuruldu\u011fu esnada tetiklenen fonksiyondur. Ba\u011flant\u0131 kuran client’a dair connectionid vs. gibi bilgileri vermekte ve b\u00f6ylece t\u00fcm ba\u011flant\u0131lar y\u00f6netilebilmekte ve izlenebilmektedir.<\/p>\n
\r\n public async override Task OnConnectedAsync()\r\n {\r\n await Clients.All.SendAsync("userJoined", $"{Context.ConnectionId}");\r\n }\r\n<\/pre>\n<\/li>\n
OnDisconnectedAsync<\/strong>
\nBir client’\u0131n Hub ile kurulmu\u015f ba\u011flant\u0131s\u0131n\u0131n kopmas\u0131 neticesinde tetiklenen fonksiyondur. O anki e\u015fzamanl\u0131 etkile\u015fimde genel istatisti\u011fin elde edilmesini sa\u011flar.<\/p>\n
\r\n async public override Task OnDisconnectedAsync(Exception exception)\r\n {\r\n await Clients.All.SendAsync("userLeaved", $"{Context.ConnectionId}");\r\n }\r\n<\/pre>\n<\/li>\n<\/ul>\n
Ba\u011flant\u0131 olaylar\u0131 SignalR uygulamalar\u0131nda loglama i\u00e7in elveri\u015fli fonksiyonlard\u0131r.<\/em><\/p><\/blockquote>\n
\u00d6rnek Uygulama<\/h3>\n
Yukar\u0131daki gibi ilgili fonksiyonlar\u0131 override etmi\u015f olan bir SignalR hub server geli\u015ftirelim.<\/p>\n
\r\n public class MyHub : Hub\r\n {\r\n public async Task SendMessageAsync(string message)\r\n {\r\n await Clients.All.SendAsync("receiveMessage", message);\r\n }\r\n\r\n public async override Task OnConnectedAsync()\r\n {\r\n await Clients.All.SendAsync("userJoined", $"{Context.ConnectionId}");\r\n }\r\n\r\n async public override Task OnDisconnectedAsync(Exception exception)\r\n {\r\n await Clients.All.SendAsync("userLeaved", $"{Context.ConnectionId}");\r\n }\r\n }\r\n<\/pre>\n
Ard\u0131ndan ilgili server’a uygun jQuery ile bir client tasarlayal\u0131m.<\/p>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="node_modules\/@microsoft\/signalr\/dist\/browser\/signalr.min.js"><\/script>\r\n <script src="node_modules\/jquery\/dist\/jquery.min.js"><\/script>\r\n <script>\r\n $(document).ready(() => {\r\n var connection = new signalR.HubConnectionBuilder()\r\n .withUrl("https:\/\/localhost:5001\/myhub")\r\n .build();\r\n\r\n connection.start();\r\n\r\n $("button").click(() => {\r\n let message = $("#txtMessage").val();\r\n connection.invoke("SendMessageAsync", message)\r\n .catch(error => console.log("Mesaj g\u00f6nderilirken hata al\u0131nm\u0131\u015ft\u0131r."));\r\n });\r\n\r\n connection.on("receiveMessage", message => {\r\n $("#messages").append(`${message}<br>`);\r\n });\r\n\r\n connection.on("userJoined", connectionId => {\r\n $("div").html(`${connectionId} kat\u0131ld\u0131.`);\r\n setTimeout(() => {\r\n $("div").show(2000, () => {\r\n $("div").hide(2000);\r\n })\r\n }, 2000);\r\n });\r\n\r\n connection.on("userLeaved", connectionId => {\r\n $("div").html(`${connectionId} ayr\u0131ld\u0131.`);\r\n $("div").show(2000, () => {\r\n setTimeout(() => {\r\n $("div").show(2000, () => {\r\n $("div").hide(2000);\r\n })\r\n }, 2000);\r\n })\r\n });\r\n });\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <input type="text" id="txtMessage"> <button>G\u00f6nder<\/button>\r\n <ul id="messages">\r\n <\/ul>\r\n <div style="color:darkorange;background-color: dimgrey; width: 250px; display: none;">\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Birden fazla client yap\u0131lanmas\u0131yla \u00f6rneklendirmeyi \u00e7e\u015fitlendirebilmek i\u00e7in ayn\u0131 SignalR sunucusuna ba\u011flant\u0131 sa\u011flayan benzer nitelikte bir de Console Application tasarlayal\u0131m.<\/p>\n
\r\n class Program\r\n {\r\n static HubConnection connection;\r\n async static Task Main(string[] args)\r\n {\r\n connection = new HubConnectionBuilder().WithUrl("https:\/\/localhost:5001\/myhub").Build();\r\n await connection.StartAsync();\r\n Console.WriteLine(connection.State);\r\n connection.On<string>("receiveMessage", message =>\r\n {\r\n Console.WriteLine($"--->{message}");\r\n });\r\n\r\n connection.On<string>("userJoined", message =>\r\n {\r\n Console.WriteLine($"{message} kat\u0131ld\u0131.");\r\n });\r\n\r\n connection.On<string>("userLeaved", message =>\r\n {\r\n Console.WriteLine($"{message} ayr\u0131ld\u0131.");\r\n Console.WriteLine("*****************************");\r\n });\r\n\r\n while (true)\r\n {\r\n Console.WriteLine("G\u00f6nderilecek mesaj\u0131 yaz\u0131n\u0131z.");\r\n await connection.InvokeAsync("SendMessageAsync", Console.ReadLine());\r\n }\r\n }\r\n }\r\n<\/pre>\n
Console uygulamas\u0131 \u00fczerinden SignalR’a nas\u0131l ba\u011flant\u0131 sa\u011fland\u0131\u011f\u0131n\u0131 t\u00fcm detaylar\u0131yla serimizin ileri ki makalelerinde ele alaca\u011f\u0131z. Keza yukar\u0131daki \u00f6rnek ilgili konuya dair yeterince detay bar\u0131nd\u0131rsada, hangi k\u00fct\u00fcphanenin y\u00fcklenmesi gerekti\u011fi, hangi s\u0131n\u0131flar\u0131n ne i\u015fe yarad\u0131\u011f\u0131 yahut hangi eventlerin kullan\u0131ld\u0131\u011f\u0131 gibi teferruatlar\u0131 de\u011ferlendirmeyi ilgili makale(ler)ye b\u0131rak\u0131yorum.<\/p>\n
Test Edelim<\/h4>\n
T\u00fcm bu i\u015flemlerden sonra geli\u015ftirilen client uygulamalar\u0131ndan birka\u00e7 instance aya\u011fa kald\u0131ral\u0131m ve s\u00fcreci test edelim.
\n $\"Asp.NET$ <\/a><\/p>\n
T\u00fcm Client’lar\u0131 Listeleme<\/h3>\n
Server’a ba\u011fl\u0131 olan t\u00fcm client’lar\u0131 listeleyebilmek i\u00e7in a\u015fa\u011f\u0131daki gibi \u00e7al\u0131\u015fabilirsiniz.<\/p>\n
\r\n public class MyHub : Hub\r\n {\r\n static List<string> clients = new List<string>();\r\n public async Task SendMessageAsync(string message)\r\n {\r\n await Clients.All.SendAsync("receiveMessage", message);\r\n }\r\n\r\n public async override Task OnConnectedAsync()\r\n {\r\n clients.Add(Context.ConnectionId);\r\n await Clients.All.SendAsync("clients", clients);\r\n await Clients.All.SendAsync("userJoined", $"{Context.ConnectionId}");\r\n }\r\n\r\n async public override Task OnDisconnectedAsync(Exception exception)\r\n {\r\n clients.Remove(Context.ConnectionId);\r\n await Clients.All.SendAsync("clients", clients);\r\n await Clients.All.SendAsync("userLeaved", $"{Context.ConnectionId}");\r\n }\r\n }\r\n<\/pre>\n
Yukar\u0131daki misalde g\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere ‘clients’ isimli fonksiyon dinlendi\u011fi vakit sistemdeki mevcut client’lar\u0131n bilgileri elde edilebilmektedir.<\/p>\n
\u00d6rne\u011fin;<\/p>\n
\r\n connection.on("clients", clients => {\r\n let lis = "";\r\n for (const client in clients) {\r\n lis += `<li>${clients[client]}<\/li>`;\r\n }\r\n $("#clients").html(lis);\r\n });\r\n<\/pre>\n
\r\n <ul id="clients">\r\n <\/ul>\r\n<\/pre>\n
yukar\u0131daki gibi basit bir \u00e7al\u0131\u015fma neticesinde,
\n $\"Asp.NET$ <\/a>
\n\u015feklinde i\u015flevselli\u011fi g\u00f6zlemleyebilirsiniz.<\/p>\n
\u0130lgilenenlerin faydalanmas\u0131 dile\u011fiyle…
\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n
Not : \u00d6rnek uygulama(lar\u0131) indirebilmek i\u00e7in buraya<\/a> t\u0131klay\u0131n\u0131z.<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, SignalR mimarisi, Hub’lara yap\u0131lan ba\u011flant\u0131lar\u0131 y\u00f6netmek ve izleyebilmek i\u00e7in OnConnectedAsync ve OnDisconnectedAsync olmak \u00fczere iki adet virtual metot sunmaktad\u0131r. Bu metotlar\u0131 override ederek, bir Hub’a ba\u011fl\u0131 olan t\u00fcm client’lardan haberdar olunabilmekte ve b\u00fct\u00fcnsel...<\/p>\n","protected":false},"author":1,"featured_media":17653,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3760],"tags":[3790,3791,639,3792],"class_list":["post-17825","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-signalr","tag-onconnectedasync","tag-ondisconnectedasync","tag-signalr","tag-signalr-baglanti-olaylari"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/17825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=17825"}],"version-history":[{"count":18,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/17825\/revisions"}],"predecessor-version":[{"id":17848,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/17825\/revisions\/17848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/17653"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=17825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=17825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=17825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Test Edelim<\/h4>\nT\u00fcm bu i\u015flemlerden sonra geli\u015ftirilen client uygulamalar\u0131ndan birka\u00e7 instance aya\u011fa kald\u0131ral\u0131m ve s\u00fcreci test edelim.\n<\/a><\/p>\n

Test Edelim<\/h4>\n
T\u00fcm bu i\u015flemlerden sonra geli\u015ftirilen client uygulamalar\u0131ndan birka\u00e7 instance aya\u011fa kald\u0131ral\u0131m ve s\u00fcreci test edelim.
\n $\"Asp.NET$ <\/a><\/p>\n