क्रोमियम एंबेडेड फ्रेमवर्क और .NET के साथ पहला कदम

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

तो यह ढांचा क्या देता है?

• सीईएफ आपको अपने स्वयं के प्रोटोकॉल हैंडलर बनाने की अनुमति देता है, इस प्रकार, अपने "बंद" एन्क्रिप्शन एल्गोरिदम को लागू करें (हां-
  हां, ActiveX के साथ पुराने इंटरनेट एक्सप्लोरर और कॉर्पोरेट वेब समाधान के दुर्भाग्यपूर्ण उपयोगकर्ता)। स्थिर प्रोग्राम संसाधनों से डेटा लोड करने के लिए इसका उपयोग किया जा सकता है
• सीईएफ आपको एक जावास्क्रिप्ट मशीन के ऑब्जेक्ट स्पेस में मूल कार्यों को लपेटने की अनुमति देता है। बड़ी मात्रा में डेटा को संसाधित करने के लिए संसाधन-गहन संचालन को अधिक कठोर और तेज़ प्रोग्रामिंग भाषाओं में स्थानांतरित किया जा सकता है।
• सीईएफ आपको नेविगेशन, फ़ाइल डाउनलोड, आदि की घटनाओं को संभालने की अनुमति देता है।

सामान्य तौर पर, सब कुछ जो आपको Google क्रोम (लेकिन क्यों?) की तरह अपना ब्राउज़र बनाने की अनुमति देता है। लेकिन हमें HTML5 / CSS3 इंटरफ़ेस और हार्डवेयर त्वरित ग्राफिक्स के साथ अपने स्वयं के एप्लिकेशन बनाने के लिए इसकी आवश्यकता होगी।

और अब दुख के बारे में

क्रोमियममेबल्ड लाइब्रेरी, जिसका लिंक लेख की शुरुआत में दिया गया था, C ++ में लागू किया गया है। लेकिन क्या होगा यदि आपका समाधान पहले से ही एक अलग, नियंत्रित प्रोग्रामिंग भाषा में काम करता है? विशेष रूप से हमारे लिए जावा, डेल्फी, पायथन और .NET के रैपर हैं। .NET के लिए CefSharp लाइब्रेरी के उपयोग पर चर्चा की जाएगी।

मिलो CefSharp

CefSharp क्रोमियममेडेड के लिए एक आवरण लाइब्रेरी है। हालांकि, बाद की क्षमताओं में इसकी कार्यक्षमता कुछ हद तक हीन है।
हमारे लिए क्या उपलब्ध है:

1. WebView वर्ग घटकों की एक असीमित संख्या बनाएँ
2. पृष्ठ लोड होने वाली घटनाओं, नेविगेशन घटनाओं को संभालना
3. कस्टम प्रोटोकॉल हैंडलर।
4. Js कोड इंजेक्शन पृष्ठ निष्पादन समय पर
5. स्थैतिक तरीकों के साथ वैश्विक [मूल कोड] ऑब्जेक्ट बनाना

क्या गायब है:

1. सामान्य घटना मॉडल। नहीं, गंभीरता से, यह एक .NET पुस्तकालय की तरह नहीं दिखता है:
   

   public Window(string Url, CefSharp.BrowserSettings settings = null) { // ... _Browser = new WebView(Url, settings ?? new CefSharp.BrowserSettings { DefaultEncoding = "UTF-8" }); _Browser.PropertyChanged += _Browser_PropertyChanged; // ... } void _Browser_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e) { if (e.PropertyName == "IsBrowserInitialized" && !isInitialized) doSomeStuff(); //   } 

   
   
   
2. WebView वर्ग के विभिन्न उदाहरणों के लिए विभिन्न वस्तुओं को एम्बेड करना। आपको इस तथ्य के साथ आना होगा कि कोई भी आपके पंजीकृत किसी भी तरीके को पूरी तरह से कॉल कर सकता है
3. CLR से JS और इसके विपरीत रूपांतरण लिखें। इस समस्या के एक दृश्य समाधान के लिए बैसाखी पर आगे चर्चा की जाएगी।
4. आप उस विधि को उस विशिष्ट रूप से नहीं जोड़ सकते हैं जहाँ WebView स्थित है।
5. वास्तव में माइनस नहीं है, लेकिन CefSharp को संकलित करने के लिए वातावरण विजुअल स्टूडियो 2008 होना चाहिए।

एक प्रोत्साहन के रूप में, हम यह नोट कर सकते हैं कि आप लाइब्रेरी के साथ बहुत तेज़ी से काम करना शुरू कर सकते हैं (बशर्ते कि आपके पास एक संकलित संस्करण हो), साथ ही यह तथ्य भी है कि HTML + JS समाधान को समझने का स्तर WPF की तुलना में कम है, और उन लोगों के लिए जो जटिल तकनीक का अध्ययन करने के कई महीनों में जाने से डरते हैं, आप बस अपने पसंदीदा HTML का उपयोग कर सकते हैं।

पहला परिचित

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

स्थानीय प्रोटोकॉल हैंडलर

कुछ वर्गों को लागू किया जाता है: कारखाने (CefSharp.ISchemeHandlerFactory इंटरफ़ेस को लागू करता है) और, वास्तव में, हैंडलर खुद (CefSharp.ISchemeHandler इंटरफ़ेस को लागू करता है)।
पहले के साथ, सब कुछ स्पष्ट है:

  public class LocalSchemeHandlerFactory : ISchemeHandlerFactory { public ISchemeHandler Create() { return new LocalSchemeHandler(); } } 

दूसरा कठिन नहीं होगा:

  public class LocalSchemeHandler : ISchemeHandler { //     ,      ,      public bool ProcessRequest(IRequest request, ref string mimeType, ref Stream stream) { //  IRequest     //  mimeType    MIME- .  ,  Chromium    text/javascript  text/plain  image/png //  Stream   ,   - MemoryStream ,           return true; //     .  false } } 

एप्लिकेशन की जेएस-फाइल को शामिल करने के लिए, आप संसाधन प्रबंधक वर्ग के गेटस्ट्रीम या गेटस्ट्रिंग विधि का उपयोग कर सकते हैं। प्लसस में से - आपके एप्लिकेशन का स्रोत कोड .exe या .dll फ़ाइल के अंदर स्थित होगा। Minuses की - जब js-code को बदलते हैं, तो आपको हर बार एप्लिकेशन को फिर से जमा करना होगा।

.NET और JS के बीच ब्रिज ऑब्जेक्ट

यह इसके साथ और भी सरल है - यह एक नियमित वस्तु है जिसमें विधियाँ और क्षेत्र शामिल हैं। एक ऋण - पूरे प्रोजेक्ट के लिए आपके पास प्रत्येक ऐसे वर्ग की एक प्रति होगी।

सीईएफ प्रारंभिक

मैंने क्लास को ApplicationContext का उत्तराधिकारी बनाने का फैसला किया। विंडो डिस्प्ले के लिए, WinForms तेजी से चलता है और WPF को खींचने की कोई आवश्यकता नहीं है

  public class ApplicationController : ApplicationContext { protected Dictionary<string, object> registeredObjects; public ApplicationController(CefSharp.Settings settings = null) { registeredObjects = new Dictionary<string, object>(); string resources = Path.Combine(Directory.GetCurrentDirectory(), "cache"); if (Directory.Exists(resources)) Directory.CreateDirectory(resources); CefSharp.CEF.Initialize(settings ?? new CefSharp.Settings() { Locale = "ru", CachePath = resources }); CefSharp.CEF.RegisterScheme("local", new LocalSchemeHandlerFactory()); registerJsObject("Form", new WindowObject()); //     -. } public void registerJsObject(string Name, object Object) { if (!registeredObjects.ContainsKey(Name)) { registeredObjects.Add(Name, Object); CefSharp.CEF.RegisterJsObject(Name, Object); } } } 

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

लेकिन यह हमारे लिए पर्याप्त नहीं है

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

1 नया विंडो वर्ग फॉर्म से विरासत में मिला है

• इसमें FormEnumerator का एक उपवर्ग शामिल है, जो प्रत्येक विंडो के लिए एक अद्वितीय स्ट्रिंग पहचानकर्ता प्रदान करता है और सभी विंडो ऑब्जेक्ट्स के लिंक संग्रहीत करता है। GetWindowById विधि का उपयोग करके, आप प्रपत्र प्राप्त कर सकते हैं।
• JSInvoke स्टेटिक विधि जो ब्राउज़र वातावरण से कॉल प्राप्त करती है और एक फॉर्म फ़ंक्शन को कॉल करती है
• CSInvoke पद्धति जो .NET JS विधि को लागू करती है
• निजी विधि getFormRefrection, जो फॉर्म के CLR तरीकों के लिए एक आवरण बनाता है। स्ट्रिंग प्रतिबिंब डेटा के आधार पर StringBuilder द्वारा बनाई गई है। यह कुछ इस तरह दिखता है:

2 कॉमन कॉल ब्रिज ऑब्जेक्ट

यह JS से C # पर कॉल ऑपरेशन करता है:

 public class WindowObject { public string Invoke(string Id, string Method, string JSONData) { object x = JSON.JsonDecode(JSONData); if (x is ArrayList) { ArrayList y = (ArrayList)x; object[] args = new object[y.Count]; for (var i = 0; i < args.Length; i++) args[i] = y[i]; return JScripter.CreateString(Window.JSInvoke(Id, Method, args)); } else return JScripter.CreateString(Window.JSInvoke(Id, Method, new object[] { x })); } public void Close(string Id) { Window.FormEnumerator.getWindow(Id).Close(); } } 

एक चौकस पाठक कुछ नोटिस करेगा गलत है: सामान्य वस्तुओं के बजाय, CefSharp आपको केवल सरल प्रकारों का आदान-प्रदान करने की अनुमति देता है, जैसे कि इंट, डबल, बूल, स्ट्रिंग। लेकिन वास्तविक जीवन में, आमतौर पर, बस विपरीत। इसलिए, यह बैसाखी JSON में डेटा पैकिंग / अनपैकिंग का उपयोग करता है। समाधान अपूर्ण है, इसमें बहुत समय लगता है, लेकिन ये पुस्तकालय की सीमाएं हैं।
चूंकि DataContractJsonSerializer केवल कुछ प्रकारों के साथ काम करता है, इसलिए इसका उपयोग करना समस्याग्रस्त है। इसलिए, परियोजना ने 100% प्रबंधित पार्सर का उपयोग किया। एक बैसाखी भी।

आप यहां कोड पा सकते हैं।