😱 🌟 🚴🏻 WebSocket और ASP.NET 🌊 🤹🏽 🏅

इस विषय में, मैं बताना चाहता हूं कि WebSocket और ASP.NET एप्लिकेशन का समर्थन करने वाले ब्राउज़र के बीच WebSocket कनेक्शन को कैसे व्यवस्थित किया जाए।

आलेख वर्णन करता है कि किसी कनेक्शन को व्यवस्थित करने और कनेक्टेड क्लाइंट को संदेश भेजने का तरीका। इसके अलावा, लेख के अंत में, काम करने वाले एप्लिकेशन के स्रोत कोड का एक लिंक है।

लेख और एप्लिकेशन इस बात का एक उदाहरण है कि यह सब कैसे काम करता है, और ASP.NET और WebSockets कैसे जुड़े जा सकते हैं, और यह शायद ही अपने वर्तमान स्वरूप में कार्यान्वयन मार्गदर्शिका होने का दावा करता है, लेकिन यह मूल रूप से अच्छी तरह से प्रदर्शित करता है और इसमें सुधार किया जा सकता है।

WebSockets की आवश्यकता क्यों है और उनके फायदे क्या हैं, मुझे लगता है कि यह बताना आवश्यक नहीं है। व्यक्तिगत रूप से, मुझे लगता है कि कॉमेट (उत्कृष्ट लेख) या आवधिक अनुरोध जैसे ट्रिक्स के बिना जावास्क्रिप्ट में पूर्ण-क्लाइंट क्लाइंट एप्लिकेशन बनाने के लिए उनके पास बहुत कमी है।

लेकिन विशेष रूप से, इस तकनीक ने क्रोम ब्राउज़र में धूमकेतु के साथ काम करने की एक छोटी "समस्या" का हल खोजने में गंभीरता से दिलचस्पी दिखाई।

धूमकेतु तकनीक का उपयोग करते समय, कुछ ब्राउज़र, जैसे कि क्रोम, इस तरह से व्यवहार करते हैं कि ऐसा लगता है जैसे पृष्ठ लगातार लोड हो रहा है, वही क्रोम "अनुरोध के लिए इंतजार" लिखता है और कर्सर हमेशा प्रतीक्षा की स्थिति में रहता है।

धूमकेतु क्रोम का उपयोग धूमकेतु में

यह निश्चित रूप से अप्रिय है।

और यह सरल है, क्यों इसके लिए अधिक उपयुक्त तकनीक होने पर वर्कअराउंड का उपयोग करें और इसका अध्ययन करना संभव है।

तो कनेक्शन ही। क्लाइंट साइड (जावास्क्रिप्ट) पर, ब्राउज़र एक विशेष वेबसॉकेट क्लास प्रदान करता है।

उसका विवरण यहाँ से है

इसका उपयोग करते हुए, हम सर्वर से एक कनेक्शन खोलते हैं और आवश्यक घटनाओं की सदस्यता लेते हैं, साथ ही कनेक्शन के बाद सर्वर को संदेश भेजते हैं।

var sock; function connectToServer() { try { sock = new WebSocket( "ws://localhost:8181/websock" ); sock.onopen = sockOpen; sock.onerror = sockError; sock.onclose = sockClosed; sock.onmessage = sockMessage; } catch (e) { log( "error:" + e); } } * This source code was highlighted with Source Code Highlighter .

जैसा कि आप ऊपर दिए गए कोड से देख सकते हैं, हमारा सर्वर लोकलहोस्ट: 8181 पर कनेक्शनों की प्रतीक्षा करेगा।

इस उदाहरण में, सभी ग्राहक कार्य केवल एक पाठ क्षेत्र में जानकारी प्रदर्शित करते हैं, और हम सर्वर पर कुछ भी नहीं भेजते हैं। कनेक्ट करने के बाद, यह काफी सरल है, लेकिन इस उदाहरण में यह केवल चीजों को थोड़ा जटिल करेगा।

इसलिए सर्वर। चूंकि ASP.NET एप्लिकेशन / वेबसाइट केवल तभी काम करती है जब अनुरोध अनुरोध करते हैं, और हमें कनेक्शन के लिए लगातार प्रतीक्षा करने की आवश्यकता होती है, हमें एक अलग थ्रेड शुरू करना चाहिए। चलो यह Global.asax पर करते हैं। स्ट्रीम और सर्वर को हमारे विशेष क्लासिक द्वारा नियंत्रित किया जाएगा।

void Application_Start( object sender, EventArgs e) { WebSocks.WebSockServer.Start(); } void Application_End( object sender, EventArgs e) { WebSocks.WebSockServer.End(); } * This source code was highlighted with Source Code Highlighter .

प्रारंभ फ़ंक्शन में, हम बस थ्रेड शुरू करते हैं, जो कनेक्शन की प्रतीक्षा करेगा, और अंत में हम इसे साफ करते हैं। यह सब स्रोत कोड में अधिक विस्तार से देखा जा सकता है, जो मैं लेख के अंत में दूंगा।

इसलिए, इसके बाद, सबसे महत्वपूर्ण फ़ंक्शन का कोड, लेकिन सबसे पहले, मैं आपको संक्षेप में बताऊंगा कि नेविगेट करने में आसान बनाने के लिए क्या होगा।

एक नया ग्राहक शामिल होगा (अभी के लिए, हम एक समय में एक की सेवा करेंगे)
हम ग्राहक हाथ मिलाना स्वीकार करते हैं
हमारे हाथ मिलाना। उसके बाद, कनेक्शन स्थापित माना जा सकता है।
हम लाइन हैलो वर्ल्ड भेजते हैं!, इसके बिना कहाँ :)

यहाँ कोड ही है।

public static void Listen() { // Listener = new TcpListener(IPAddress.Loopback, PortNumber); Listener.Start(); while ( true ) { // using (Socket client = Listener.AcceptSocket()) using (NetworkStream stream = new NetworkStream(client)) using (StreamReader reader = new StreamReader(stream)) using (StreamWriter writer = new StreamWriter(stream)) { string clientHandshake = String .Empty; string currentRead = null ; string clientOrigin = "" ; while (currentRead != "" ) { // handshake currentRead = reader.ReadLine(); clientHandshake += currentRead + Environment.NewLine; // if (currentRead.StartsWith( "Origin" )) { // int valueStartIndex = currentRead.IndexOf( ':' ) + 1; clientOrigin = currentRead.Substring(valueStartIndex, currentRead.Length - valueStartIndex); } } // (Handshake) writer.WriteLine( "HTTP/1.1 101 Web Socket Protocol Handshake" ); writer.WriteLine( "Upgrade: WebSocket" ); writer.WriteLine( "Connection: Upgrade" ); // Origin . // " ", , // , . writer.WriteLine( String .Format( "WebSocket-Origin: {0}" , clientOrigin)); writer.WriteLine( "WebSocket-Location: ws://localhost:8181/websock" ); writer.WriteLine( "" ); writer.Flush(); // / . Thread.Sleep(100); // byte [] first = new byte [] { 0x00 }; byte [] last = new byte [] { 0xFF }; // ( ) client.Send(first); // Hello World client.Send( Encoding .UTF8.GetBytes( "Hello world!" )); // ( ) client.Send(last); } } } * This source code was highlighted with Source Code Highlighter .

और यहाँ वादा किए गए स्रोत हैं।

dl.dropbox.com/u/3945288/WebSocketsArticle.zip

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

मुझे खुशी होगी यदि लेख पसंद आया और किसी की मदद करता है, तो मैं इस विषय को विकसित करने और अधिक लिखने की कोशिश करूंगा।

UPD: टिप्पणियों में, उन्होंने देखा कि पिछले संशोधन 75 के लिए कार्यान्वयन, वर्तमान 76, जिसमें सुरक्षा शामिल है। मैं एक ऐसा संस्करण बनाने की कोशिश करूंगा जो दोनों संस्करणों के साथ काम करेगा, लेकिन स्पष्ट रूप से आज नहीं।

उन लोगों के लिए जिन्होंने मुझे अपनी सर्वोत्तम प्रथाओं को साझा करने के लिए कहा, मैंने यहां सब कुछ अपलोड किया। सिद्धांत रूप में, सब कुछ काम करना चाहिए लेकिन काम नहीं करता है :), कहीं एक जाम लेकिन मस्तिष्क अब इसे नोटिस नहीं करता है।

UPD2: जैसा कि वादा किया गया था, यहां एक संस्करण है जो 75 और 76 दोनों संस्करणों का समर्थन करता है।

WebSocket और ASP.NET

More articles: