क्रॉस-प्लेटफ़ॉर्म HTML और जावास्क्रिप्ट एप्लिकेशन बनाने के लिए विज़ुअल स्टूडियो के लिए ताजा अतिरिक्त

आज मैं आपके साथ एक और जोड़ा साझा करना चाहता हूं जो आपको विजुअल स्टूडियो 2013 का उपयोग करके विंडोज, विंडोज फोन, आईओएस और एंड्रॉइड के लिए क्रॉस-प्लेटफॉर्म मोबाइल एप्लिकेशन विकसित करने की अनुमति देता है। आपके द्वारा ज्ञात कई चौखटे के विपरीत, यह ऐड-ऑन एक वेब डेवलपर के लिए सीखने के लिए बिल्कुल मुफ्त और आसान है। हम ऐड-ऑन के बारे में बात करेंगे जो विज़ुअल स्टूडियो 2013 में अपाचे कॉर्डोवा परियोजना को एकीकृत करता है।

कॉर्डोवा क्या है?

Apache Cordova (PhoneGap) विभिन्न उपकरणों के कार्यों तक पहुँचने के लिए जावास्क्रिप्ट एपीआई का एक सेट है। यह jQuery मोबाइल , Dojo मोबाइल या Sencha टच के साथ संयोजन के रूप में इस्तेमाल किया जा सकता है। यह आपको पूरी तरह से HTML, CSS और जावास्क्रिप्ट में मोबाइल एप्लिकेशन बनाने की अनुमति देता है।

कॉर्डोवा के साथ, आप न केवल अनुप्रयोगों को विकसित कर सकते हैं, बल्कि उन्हें डिबग भी कर सकते हैं और उन्हें स्टोर में प्रकाशित कर सकते हैं। मुझे तुरंत कहना होगा कि ऐड-ऑन निम्नलिखित OS संस्करणों के लिए विकास का समर्थन करता है:

• Android 4+;
• iOS 6 & 7;
• विंडोज 8+
• विंडोज फोन 8+।

शुरुआत हो रही है

विकास शुरू करने के लिए आपको निम्नलिखित सॉफ्टवेयर की आवश्यकता होगी:

• ओएस विंडोज 8.1 ;
• विज़ुअल स्टूडियो 2013 अपडेट 2 - निम्नलिखित विशेषताओं के साथ पेशेवर, अंतिम या प्रीमियम: विंडोज 8, विंडोज फोन 8.0 एसडीके के लिए स्टोर ऐप बनाए रखने के लिए उपकरण;
• विजुअल स्टूडियो के लिए मल्टी-डिवाइस हाइब्रिड ऐप्स ।

परियोजना निर्माण

फाइल - न्यू - प्रोजेक्ट मेनू में ऐड - ऑन स्थापित करने के बाद, एक नया प्रकार का ब्लैंक ऐप प्रोजेक्ट (अपाचे कॉर्डोवा) आपके लिए उपलब्ध होगा।

परियोजना की संरचना

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







फ़ोल्डरों:

सीएसएस - आवेदन के लिए मूल शैलियों में शामिल है;

छवियाँ - छवियों के लिए फ़ोल्डर जिसे आप एप्लिकेशन में उपयोग करेंगे;

Res - प्लेटफ़ॉर्म-निर्भर फ़ाइलों के लिए उपयोग किया जाता है, उदाहरण के लिए, प्रमाण पत्र या चित्र;

रेस / प्रमाण पत्र - प्रमाण पत्र;

res / icons - प्लेटफ़ॉर्म-निर्भर प्रतीक;

Res / स्क्रीन - स्प्लैश स्क्रीन के लिए प्लेटफ़ॉर्म-निर्भर छवियां।



फाइलें:

Index.html - अनुप्रयोग का प्रारंभ पृष्ठ। इसे बदला जा सकता है।

Config.html - अनुप्रयोग कॉन्फ़िगरेशन सेटिंग्स। जब आप इस फाइल को खोलेंगे तो विजुअल डिजाइनर खुल जाएगा।

डिज़ाइन

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

प्लगइन्स कनेक्शन

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







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

Microsoft Azure मोबाइल सेवाओं का उपयोग करना

मोबाइल सेवाओं से जुड़ना और उनका उपयोग करना भी मुश्किल नहीं है। ऐसा करने के लिए, जोड़ें - कनेक्ट की गई सेवा पर क्लिक करें, Microsoft Azure खाता निर्दिष्ट करें और एक सेवा बनाएँ।

प्रोजेक्ट में एक फ़ोल्डर और एक सेवा फ़ाइल जोड़ी जाएगी, जिसमें आप जावास्क्रिप्ट के साथ-साथ आवश्यक कोड भी लिख सकते हैं।

लॉन्च और डिबगिंग

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

निष्कर्ष

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

उपयोगी लिंक

ओएस विंडोज 8.1

विजुअल स्टूडियो 2013 अपडेट 2

मल्टी-डिवाइस हाइब्रिड ऐप्स विजुअल स्टूडियो CTP1.1 के लिए

WinJs के लिए नमूना कोड

अपाचे कॉर्डोवा प्लगइन्स

प्रलेखन