कॉर्डोवा - पहला आवेदन

हमने समझा है कि कॉर्डोवा कैसे स्थापित करें और इसके लिए पर्यावरण स्थापित करें। सब कुछ तैयार हो जाने के बाद, हम अपना पहला हाइब्रिड कॉर्डोवा एप्लिकेशन बना सकते हैं।

चरण 1 - ऐप बनाना

वह निर्देशिका खोलें जहां आप चाहते हैं कि एप्लिकेशन कमांड प्रॉम्प्ट में इंस्टॉल हो। हम इसे डेस्कटॉप पर बनाएंगे।

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject निर्देशिका नाम है जहां एप्लिकेशन बनाया गया है।

  • io.cordova.hellocordovaडिफ़ॉल्ट रिवर्स डोमेन मूल्य है। यदि संभव हो तो आपको अपने स्वयं के डोमेन मूल्य का उपयोग करना चाहिए।

  • CordovaApp आपके ऐप का शीर्षक है।

चरण 2 - प्लेटफ़ॉर्म जोड़ना

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

C:\Users\username\Desktop\CordovaProject>cordova platform add android

ऐसे अन्य प्लेटफ़ॉर्म हैं जो विंडोज ओएस पर उपयोग किए जा सकते हैं।

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos

यदि आप मैक पर विकसित कर रहे हैं, तो आप उपयोग कर सकते हैं -

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

आप का उपयोग करके भी अपनी परियोजना से मंच हटा सकते हैं -

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

चरण 3 - बिल्डिंग और रनिंग

इस चरण में हम एक निर्दिष्ट प्लेटफ़ॉर्म के लिए ऐप का निर्माण करेंगे ताकि हम इसे मोबाइल डिवाइस या एमुलेटर पर चला सकें।

C:\Users\username\Desktop\CordovaProject>cordova build android

अब हम अपना ऐप चला सकते हैं। यदि आप डिफ़ॉल्ट एमुलेटर का उपयोग कर रहे हैं तो आपको उपयोग करना चाहिए -

C:\Users\username\Desktop\CordovaProject>cordova emulate android

यदि आप बाहरी एमुलेटर या वास्तविक उपकरण का उपयोग करना चाहते हैं, तो आपको उपयोग करना चाहिए -

C:\Users\username\Desktop\CordovaProject>cordova run android

NOTE - हम उपयोग करेंगे Genymotion android emulatorचूँकि यह डिफ़ॉल्ट से अधिक तेज़ और उत्तरदायी है। आप एमुलेटर यहां पा सकते हैं । आप सक्षम करके परीक्षण के लिए वास्तविक डिवाइस का उपयोग भी कर सकते हैंUSB debuggingविकल्पों से और USB केबल के माध्यम से इसे अपने कंप्यूटर से कनेक्ट करना। कुछ उपकरणों के लिए, आपको USB ड्राइवर को भी इंस्टॉल करना होगा।

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

हमारे अगले ट्यूटोरियल में, हम आपको दिखाएंगे कि कॉर्डोवा एप्लिकेशन को कैसे कॉन्फ़िगर किया जाए।