क्रोम अनुप्रयोग विकास: एक अवलोकन

Habré पर, क्रोम के लिए एक्सटेंशन बनाने के बारे में बहुत सारे लेख प्रकाशित किए गए थे, लेकिन क्रोम एप्लिकेशन (वे क्रोम ऐप्स भी हैं) विकसित करने के विषय पर बहुत कम चर्चा हुई थी। हाल ही में, यह क्रोमोस पर उपकरणों के वितरण के कारण अधिक प्रासंगिक हो गया है। इसके अलावा, Chrome के लिए एप्लिकेशन बनाने का बुनियादी ढांचा अधिक स्थिर और उपयोग में आसान हो गया है। इस लेख में मैं मूल सवालों के जवाब देने की कोशिश करूंगा: सामान्य रूप से क्रोम के लिए एप्लिकेशन क्यों लिखें, वे एक्सटेंशन, वेब सेवाओं, डेस्कटॉप एप्लिकेशन आदि से कैसे भिन्न होते हैं, साथ ही साथ उन्हें कैसे विकसित किया जाता है, और उन पर क्या प्रतिबंध लगाए जाते हैं। यदि यह विषय रुचि का है, तो लेख में ऐसे सीक्वेल होंगे जो अधिक विशिष्ट मुद्दों पर स्पर्श करते हैं।



जारी: एक साधारण क्रोम अनुप्रयोग बनाना

क्यों

समान कार्यक्षमता को पूरी तरह से विभिन्न तकनीकों का उपयोग करके लागू किया जा सकता है: आप विंडोज के लिए एक कार्यक्रम लिख सकते हैं, एक वेब सेवा कर सकते हैं, एंड्रॉइड और / या आईओएस के लिए एक मोबाइल एप्लिकेशन, आदि। Chrome एप्लिकेशन का चयन करने के लिए लेखक को क्या संकेत दे सकता है?

• ChromeOS पर काम करें। फिलहाल, Chrome ऐप आपके कार्यक्रम को Chrome बुक के उपयोगकर्ताओं के लिए लाने का मुख्य तरीका है। क्या यह इसके लायक है? विंडोज कंप्यूटर की तुलना में कम क्रोमबुक हैं, लेकिन प्रवृत्ति बदल रही है। पिछले वर्ष अमेरिका में बेची गई मैकबुक से 5 गुना अधिक क्रोमबुक
• क्रोम एप्लिकेशन विंडोज, लिनक्स, और ओएस एक्स पर बिना किसी अतिरिक्त प्रयास के चलते हैं। बेशक, एप्लिकेशन को पोर्टेबल बनाने के कई अन्य तरीके हैं, लेकिन उनमें से अधिकांश काफ़ी अधिक महंगे हैं।
• हाल ही में, क्रोम ऐप्स को एंड्रॉइड और आईओएस में पोर्ट करना संभव हो गया है।
• अधिकांश प्रणालियों पर, क्रोम एप्लिकेशन उपयोगकर्ता के लिए नियमित कार्यक्रमों की तरह दिखते हैं। उन्हें स्टार्ट मेनू से लॉन्च किया जाता है, ब्राउज़र नियंत्रण के बिना नियमित रूप से खिड़कियां खोलें, फ़ाइलों को खोलने के लिए डिफ़ॉल्ट प्रोग्राम के रूप में उपयोग किया जा सकता है, और अन्यथा व्यवहार करें
  पूर्ण कार्यक्रमों के रूप में।

पैक किए गए ऐप्स और होस्ट किए गए ऐप्स

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

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

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

भविष्य में, हम पैक किए गए ऐप्स पर ध्यान केंद्रित करेंगे।

अनुप्रयोग और एक्सटेंशन

उपयोगकर्ता के दृष्टिकोण से, एक्सटेंशन और एप्लिकेशन पूरी तरह से अलग कार्य करते हैं: एक्सटेंशन ब्राउज़र का उपयोग करने के तरीके को बदलता है, और एप्लिकेशन ब्राउज़र से अलग कार्य करता है। विस्तार पृष्ठों की सामग्री को बदलता है और, संभवतः, बटन के एक जोड़े को जोड़ता है, और एप्लिकेशन आमतौर पर अपनी खिड़की में काम करता है।

इसी समय, अंदर से एक्सटेंशन और एप्लिकेशन बहुत समान हैं। ये दोनों क्रोम वेब स्टोर से इंस्टॉल किए गए हैं, जो कि .crx फाइलें हैं जो ज़िप अभिलेखागार हैं। एक्‍सटेंशन / एप्लिकेशन प्रॉपर्टीज मेनिफेस्‍ट.जसन फाइल में बताई गई हैं, और उनमें यूआई एचटीएमएल 5 में लिखा गया है। एक्सटेंशन और एप्लिकेशन दोनों के लिए कई क्रोम प्रोग्रामिंग इंटरफेस उपलब्ध हैं।

इसी समय, महत्वपूर्ण अंतर हैं। एप्लिकेशन एक्सटेंशन के लिए उपलब्ध सुविधाओं का उपयोग कर सकते हैं:

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

विकास सुविधाएँ

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

अनुप्रयोगों द्वारा उपयोग किए गए कई इंटरफेस आम तौर पर स्वीकृत मानक हैं और सभी वेब डेवलपर्स के लिए अच्छी तरह से ज्ञात हैं। HTML और CSS का उपयोग UI, XMLHTTPRequest, आदि के लिए HTTP के साथ काम करने के लिए किया जाता है।

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

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

आप HTML + जावास्क्रिप्ट के अलावा क्या उपयोग कर सकते हैं

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

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

उदाहरण

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

साक्षात्कार