ASP.NET सिग्नलआर के साथ सूचनाएं पुश करें

एक उदाहरण के रूप में, हम सिग्नलआर लाइब्रेरी का उपयोग करके सभी ग्राहकों की त्वरित अधिसूचना के साथ एक आदिम चैट लिखेंगे

ट्रेनिंग

ऐसा करने के लिए, Visual Studio में एक रिक्त ASP.NET खाली वेब अनुप्रयोग प्रोजेक्ट बनाएँ।

खुद सिग्नलआर लाइब्रेरी को नूगेट के माध्यम से एक ही लाइन में जोड़ा जाता है:

Install-Package SignalR
यह jQuery और सिग्नलआर स्क्रिप्ट को परियोजना में जोड़ेगा, साथ ही सिग्नलआर डीएलएस और इसके संचालन के लिए आवश्यक अन्य डीएलएस के लिए एक संदर्भ लिंक भी।

सर्वर कोड लिखें

एक मनमाना वर्ग जोड़ें - मैं इसे चैट कहूंगा, इसे सिग्नल आर.हब्स में परिभाषित हब वर्ग से प्राप्त करना चाहिए

 public class Chat : Hub { public void Send(dynamic message) { Clients.AddChatMessage(message); } } 

हमारी कक्षा में, आप किसी भी सार्वजनिक विधि को किसी भी पैरामीटर के साथ परिभाषित कर सकते हैं - ये सभी क्लाइंट पर संबंधित जावास्क्रिप्ट प्रॉक्सी क्लास से उपलब्ध हैं।

हमारे मामले में, हम एक साधारण भेजें को परिभाषित करते हैं, और सुविधा के लिए पैरामीटर गतिशील होगा।

ग्राहकों को मूल वर्ग में परिभाषित किया गया है, यह एक गतिशील वस्तु है - इस पर किसी भी मनमाने तरीके से कॉल करना - इसे सभी कनेक्टेड क्लाइंट को समान मापदंडों के साथ कॉल करना।

क्लाइंट कोड लिखें

एक साधारण मार्कअप के साथ HTML प्रोजेक्ट में एक चैट। html दस्तावेज़ जोड़ें

 <input type="text" id="msg" /> <input type="button" id="broadcast" value="broadcast" /> <ul id="messages"> </ul> 

signalr.js के बाद जोड़ा जा करने के लिए / सिग्नल / हब के साथ आवश्यक जेएस स्क्रिप्ट के लिंक जोड़ें, इसलिए यह इस पर निर्भर करता है।

 <script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script> <script src="/Scripts/jquery.signalR.min.js" type="text/javascript"></script> <script src="/signalr/hubs" type="text/javascript"></script> 

इसके अलावा, वास्तविक ग्राहक स्क्रिप्ट ही:

 <script type="text/javascript"> $(function () { //    var chat = $.connection.chat; // ,    , //    chat.AddChatMessage = function (msg) { $("#messages").append("<li>" + msg.name + " : " + msg.text + "</li>"); }; //  -        $("#broadcast").click(function () { var msg = { 'name': $.browser.version, 'text': $('#msg').val() }; chat.send(msg); }); //   $.connection.hub.start(); }); </script> 

मैंने प्रत्येक क्लाइंट के नाम के रूप में ब्राउज़र संस्करण का उपयोग किया।

परिणामस्वरूप

सभी ग्राहकों को एक ही समय में पुश-स्टाइल सूचनाएं प्राप्त होती हैं, जैसा कि वीडियो में देखा गया है:

निष्कर्ष के बजाय

टाइप करके सिग्नलआर का उपयोग करने के उदाहरण प्राप्त करें
Install-Package SignalR.Sample

लेख में चर्चा किए गए लेख के स्रोतों और वीडियो को डाउनलोड करें - यहां

नया साल मुबारक हो 2012!