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

^{चित्र यहाँ से}

इस समस्या के समाधान के लिए दिमाग में आने वाले तीन तरीके हैं:

1. ब्राउज़र टूल के साथ करें, या उनके लिए प्लग इन लिखें
2. बैकएंड के माध्यम से डेटा विनिमय को व्यवस्थित करें, एक मध्यस्थ के रूप में कार्य करें
3. प्रोग्राम में एक HTTP सेवा जोड़ें, और इसे सीधे ब्राउज़र से एक्सेस करें

तीसरा आइटम अच्छा लग रहा है, आपको कार्यक्रम में प्राधिकरण को हटाने की अनुमति देता है, किसी भी उपयोगकर्ता इंटरफ़ेस की आवश्यकता नहीं है। आइए .NET फ्रेमवर्क 4 के तहत C # में एक प्रोग्राम लिखकर इसे लागू करने का प्रयास करें। चूंकि हम .NET के बारे में बात कर रहे हैं, समाधान केवल विंडोज (एक्सपी और नए) के लिए होगा। हम कोणीय पर वेब अनुप्रयोग करेंगे।

1 और 2 क्यों नहीं?

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

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

HTTPS का इससे क्या लेना-देना है?

जब कोई साइट HTTPS से अधिक चलती है, तो ब्राउज़र HTTP का उपयोग करके सक्रिय सामग्री के डाउनलोड को रोकते हैं। हालांकि, चीजों के तर्क के अनुसार, ब्राउज़रों को HTTP के माध्यम से स्थानीय मशीन के अनुरोध को सुरक्षित होना चाहिए, और इसे ब्लॉक नहीं करना चाहिए। यह ऐसा नहीं था।
तालिका विंडोज प्लेटफॉर्म पर ब्राउज़रों के व्यवहार के एक छोटे से अध्ययन के परिणाम दिखाती है:

उपयुक्त पते पर अनुरोध करने की कोशिश करते समय तालिका ब्राउज़रों के व्यवहार को दिखाती है। क्रोमियम इंजन पर ब्राउज़र क्रोम के समान व्यवहार करते हैं, और एज 44 का व्यवहार IE 11 के व्यवहार के समान है। HTTPS के लिए एक वैध प्रमाणपत्र जारी किया गया है, जो स्व-हस्ताक्षरित रूट प्रमाणपत्र के साथ हस्ताक्षरित है। Https://127.0.0.1 और https: // लोकलहोस्ट के लिए व्यवहार समान है, सिर्फ 127.0.0.1 के लिए तो आपको एक प्रमाण पत्र जारी करने की आवश्यकता है, और आईपी पते के लिए प्रमाण पत्र शायद ही कभी पाए जाते हैं, इसलिए हम इस बिंदु को छोड़ देते हैं।

क्रोम में सब कुछ काम करता है। क्रोम और IE सिस्टम सर्टिफिकेट स्टोर का उपयोग करते हैं, इसलिए HTTPS भी उनमें काम करता है। फ़ायरफ़ॉक्स अपने स्वयं के प्रमाण पत्र की दुकान का उपयोग करता है, इसलिए यह हमारे स्व-हस्ताक्षरित प्रमाणपत्र पर भरोसा नहीं करता है। फ़ायरफ़ॉक्स और IE स्थानीयहोस्ट नाम और उस अधिकार पर भरोसा नहीं करते हैं, क्योंकि कोई भी गारंटी नहीं देता है कि यह 127.0.0.1 का समाधान करता है (हालांकि वे इसे क्रोम की तरह ही जांच सकते थे)।

मुख्य समस्या: IE HTTP के माध्यम से कार्यक्रम तक पहुंचने की अनुमति नहीं देता है। इसलिए प्रमाण पत्रों के साथ उपद्रव हम टाल नहीं सकते।

ब्राउज़रों के साथ काम करने के लिए, आपको प्रोग्राम में सही एक्सेस-कंट्रोल-अलाउंस-ओरिजिन, एक्सेस-कंट्रोल-एलाउंस-मेथड्स, एक्सेस-कंट्रोल-एलाउंस-हेडर्स ( कॉर्स ) हेडर भी निर्दिष्ट करने होंगे।

एसएसएल प्रमाण पत्र

आप अपने डोमेन के लिए DNS रिकॉर्ड बना सकते हैं, उदाहरण के लिए local.example.com, जो 127.0.0.1 का समाधान करेगा। इस डोमेन के लिए एक एसएसएल प्रमाणपत्र जारी करें, इसे कार्यक्रम के साथ वितरित करें। आपको इस प्रमाण पत्र की निजी कुंजी को कार्यक्रम के साथ वितरित करना होगा। यह पूरी तरह से अनुपयुक्त है। और कार्यक्रम में प्रमाण पत्र को भी अद्यतन करने की आवश्यकता होगी।

IE स्व-हस्ताक्षरित एसएसएल प्रमाणपत्र पर भरोसा नहीं करेगा, इसे एक विश्वसनीय रूट प्रमाणपत्र के साथ हस्ताक्षरित किया जाना चाहिए (और यह स्व-हस्ताक्षरित हो सकता है)।

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

C # में प्रमाण पत्र बनाना

.NET के लिए, एक BouncyCastle लाइब्रेरी है जो हमारी ज़रूरत का हर काम कर सकती है। एकमात्र समस्या यह है कि स्टोर में एक प्रमाण पत्र जोड़ने के लिए, आपको विशेषाधिकारों में वृद्धि का अनुरोध करना होगा। सिस्टम में एक विशिष्ट पोर्ट के लिए प्रमाण पत्र को सुरक्षित करने के लिए आपको netsh का उपयोग करने के लिए उन्नत अधिकारों की भी आवश्यकता होगी।

netsh http add sslcert ipport=0.0.0.0:{PORT} certhash={certThumbprint} 

उदाहरण में, SslHelper वर्ग में RegisterSslOnPort पद्धति यह कार्य करती है।

HTTP सेवा सी # कार्यक्रम में

एक हल्के HTTP (एस) सर्वर बनाने के लिए, हम नैन्सी लाइब्रेरी का उपयोग करते हैं । नैन्सी .NET के लिए एक हल्का वेब फ्रेमवर्क है, जो सरल और उपयोग में आसान है। उसके बारे में बहुत कुछ लिखा गया है, जिसमें हैबे भी शामिल है । Nancy.SelfHosting मॉड्यूल के लिए धन्यवाद, हम IIS का उपयोग किए बिना हमारे एप्लिकेशन को होस्ट कर सकते हैं।

उदाहरण के लिए, चलो दो संख्याओं के जोड़ के साथ एक समापन बिंदु बनाते हैं। यह सही कोर हेडर सेट करने के लिए यहाँ महत्वपूर्ण है, अन्यथा ब्राउज़र हमारे एपीआई के लिए एक अनुरोध निष्पादित नहीं करेगा।

 public class CalcNancyModule : NancyModule { public CalcNancyModule() { // ,      After.AddItemToEndOfPipeline((ctx) => ctx.Response .WithHeader("Access-Control-Allow-Origin", GetOrigin(ctx)) .WithHeader("Access-Control-Allow-Methods", "POST,GET") .WithHeader("Access-Control-Allow-Headers", "Accept, Origin, Content-type")); Get["/Calc"] = _ => { //      .NET  }; Get["/Calc/Add"] = _ => { //       (num1 + num2) }; } private string GetOrigin(NancyContext ctx) { // Origin,     //    //      - // https://app.example.com return ctx.Request?.Headers["Origin"]?.FirstOrDefault() ?? ""; } } 

हमारे आवेदन में नैन्सी आरंभीकरण जोड़ें, और हम लड़ाई के लिए तैयार हैं।

 var hostConfigs = new HostConfiguration(); hostConfigs.UrlReservations.CreateAutomatically = true; hostConfigs.RewriteLocalhost = false; var uris = new Uri[] { new Uri($"http://localhost:{HTTPPORT}"), new Uri($"http://127.0.0.1:{HTTPPORT}"), new Uri($"https://localhost:{HTTPSPORT}") }; using (var host = new NancyHost(hostConfigs, uris)) { host.Start(); } 

पहली शुरुआत में, आपको उचित अधिकार का अनुरोध करते हुए, प्रमाण पत्र बनाने और स्टोर में रखने की आवश्यकता होती है। इन जोड़तोड़ के लिए, SslHelper वर्ग का उपयोग किया जाता है , जिसमें केवल सार्वजनिक CheckOrCreateCert सर्टिफिकेट विधि इस काम को करती है। पैरामीटर के रूप में, SubjectName सर्टिफिकेट इसे पास किया जाता है। विधि यह जांचती है कि क्या आवश्यक प्रमाण पत्र उपलब्ध हैं और सिस्टम, यदि नहीं, तो उन्हें बनाता है।

उदाहरण के लिए कड़ी मेहनत और लंबी देरी का अनुकरण करने के लिए, हमारे एपीआई कॉल में Thread.Sleep (1000) जोड़ें।

इस एप्लिकेशन को चलाने के लिए तैयार है, वेब पर जाएं।

वेब अनुप्रयोग

जैसा कि आप ब्राउज़र व्यवहार तालिका से देख सकते हैं, एक समापन बिंदु के साथ तिरस्कृत नहीं किया जा सकता है; कम से कम दो का उपयोग किया जाना है:

• http://127.0.0.1
• https: // लोकलहोस्ट

एक वेब एप्लिकेशन में, हमें यह निर्धारित करने की आवश्यकता है कि क्या हम IE (या एज) में हैं - एचटीटीपीएस का उपयोग करें, यदि नहीं - एचटीटीपी। आप इसे अधिक विश्वसनीय बना सकते हैं और यह पता नहीं लगा सकते हैं कि हम किस ब्राउज़र में हैं, लेकिन बस हमारे एपीआई के जीईटी / कैल्क विधि के लिए एक अनुरोध को निष्पादित करने का प्रयास करें, यदि अनुरोध सफल होता है, तो हम काम करते हैं, यदि नहीं, तो हम एक और प्रोटोकॉल का प्रयास करते हैं।

यह सब केवल तभी आवश्यक है जब वेब एप्लिकेशन स्वयं HTTPS का उपयोग करता है, क्योंकि HTTP प्रोटोकॉल का उपयोग करते समय, ब्राउज़र अनुरोधों पर प्रतिबंध नहीं लगाते हैं, केवल सही CORS हेडर की आवश्यकता होती है।

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

हम AppComponent घटक में संख्याओं को जोड़ने का काम करते हैं। जब आप "गणना" बटन पर क्लिक करते हैं, तो वेब एप्लिकेशन GET / Calc / Add? Num1 = {num1} & num2 = {num2} के लिए अनुरोध करता है। उत्तर या त्रुटि परिणाम फ़ील्ड में प्रदर्शित होती है।

डिबगिंग के दौरान, यहां तक ​​कि HTTPS के माध्यम से, आप समस्याओं को नोटिस नहीं कर सकते हैं, क्योंकि अनुरोधों के लिए डोमेन एक ही होगा - लोकलहोस्ट। इसलिए, आपको एक अलग डोमेन नाम के साथ एप्लिकेशन का परीक्षण करना होगा।
यथासंभव वेब एप्लिकेशन को तैनात करने के काम को सरल बनाने के लिए, हम सेवा https://stackblitz.com का उपयोग करते हैं, यह कोणीय के लिए एक वेब आईडीई है और न केवल VSCode के स्वाद के साथ। तैयार आवेदन लिंक पर उपलब्ध है ।

और आप यहां पर कोड खोद सकते हैं ।

स्टैकब्लिट्ज़ पर एप्लिकेशन अंतःक्रियात्मक रूप से काम नहीं करेगा, आपको इसे एक अलग निजी टैब में या https://angular-pfwfrm.stackblitz.io पर किसी अन्य ब्राउज़र में खोलने की आवश्यकता है।

कैसे करें कोशिश?

वेब एप्लिकेशन को आसानी से स्टैंगब्लिट्ज़ का उपयोग करके लॉन्च किया गया है, बस लिंक पर क्लिक करके https://angular-pfwfrm.stackblitz.io ।

आप स्थानीय रूप से वेब एप्लिकेशन चला सकते हैं।

 git clone https://github.com/jdtcn/InteractionExample.git cd InteractionExample 

 npm install ng serve --ssl true 

स्थानीय अनुप्रयोग या तो उदाहरण से संकलित किया जा सकता है (दृश्य CsClientApp.sln से CsClientApp फ़ोल्डर से) Visual Studio का उपयोग करके और रन करें, या LINQPad प्रोग्राम के लिए स्क्रिप्ट का उपयोग करें।

यदि आप एक .NET डेवलपर हैं और LINQPad का उपयोग नहीं करते हैं, तो इसके बारे में पढ़ना सुनिश्चित करें, विकास में एक अनिवार्य चीज है। उदाहरण को चलाने के लिए, आपको लिन्कपैड में स्क्रिप्ट को खोलने की आवश्यकता है (पहली बार आपको लिन्कपैड को व्यवस्थापक अधिकारों के साथ स्थापित करने के लिए प्रमाणपत्र स्थापित करने की आवश्यकता है), और नौगट पैकेज बाउंसीकैस्टल, नैन्सी, नैन्सी.होस्टिंग। स्थापित करें, फिर स्क्रिप्ट चलाएं। उसके बाद, आप वेब एप्लिकेशन में "गणना करें" बटन पर क्लिक कर सकते हैं, और ऑपरेशन का परिणाम प्राप्त कर सकते हैं।

सुरक्षा

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

किसी भी मामले में, कार्यक्रम को न्यूनतम अधिकारों के साथ काम करना चाहिए, और यदि यह दस्तावेजों के साथ कुछ संवेदनशील करता है, तो आपको इसके संचालन के लिए अनुरोधों को जोड़ने की आवश्यकता है।

निष्कर्ष

प्रतीत होता है कि सरल कार्य काफी बड़ा हो गया था, और यहां तक ​​कि प्रमाणपत्रों के साथ काम करने के लिए अतिरिक्त बैसाखी की आवश्यकता थी।

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

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

विरुस्तोटल में कोई भी इस कार्यक्रम पर प्रतिक्रिया नहीं देता है, लेकिन मैं चाहूंगा! लेकिन अगर आप इनोसेटसेट में इंस्टॉलेशन पैकेज को असेंबल करते हैं, तो थर्ड-रेट एंटीवायरस का एक जोड़ा इस पर काम करना शुरू कर देता है। यह कोड हस्ताक्षर प्रमाण पत्र के साथ हस्ताक्षर करने वाले इंस्टॉलर से छुटकारा पाने में मदद करता है।

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

नमूना कोड GitHub पर पोस्ट किया गया ।

आपका ध्यान के लिए धन्यवाद!