Cordova iOS डेवलपमेंट में महारत हासिल करें: सेटअप से निर्बाध डिप्लॉयमेंट तक

एंड्रॉइड के लिए हाइब्रिड एप्लिकेशन डेवलपमेंट आसान है, चाहे वह डेवलपमेंट हो या प्रोडक्शन कॉन्फिगरेशन। लेकिन मैं व्यक्तिगत रूप से Cordova iOS सेटअप, डेवलपमेंट और डिप्लॉयमेंट को थोड़ा जटिल पाता हूं।

अधिकांश हाइब्रिड एप्लिकेशन डेवलपर्स जो सीखने के चरण में हैं, हाइब्रिड iOS ऐप डेवलपमेंट प्रक्रिया का पता लगाने में सक्षम नहीं हैं, केवल इसलिए कि उनके पास Mac नहीं है। और iOS ऐप विकसित करने के लिए iOS SDK और Xcode की आवश्यकता होती है (Android SDK के विपरीत जो किसी भी डेस्कटॉप OS पर चलता है)।

इसलिए इस गाइड का उद्देश्य Mac पर हाइब्रिड iOS ऐप डेवलपमेंट के बेसिक वर्कफ्लो को दिखाना है। इस तरह डेवलपर्स देख सकते हैं कि यह कैसे किया जाता है भले ही वे ऐप्स विकसित न कर सकें।

Cordova प्रोजेक्ट बनाना

टर्मिनल खोलकर और एक नया Cordova प्रोजेक्ट बनाकर शुरू करें (केवल sudo का उपयोग करें यदि आपको परमिशन इश्यू हैं, यानी EACCESS एरर):

sudo cordova create iosdemo cd iosdemo sudo cordova platform add ios

इस गाइड को लिखने के समय Cordova iOS प्लेटफॉर्म वर्जन 4.3.1 है।

हम ऐप के किसी भी सोर्स कोड को मॉडिफाई नहीं करेंगे - बल्कि, हम केवल डिफ़ॉल्ट सैंपल कोड के साथ जारी रखेंगे जो Cordova द्वारा create कमांड चलाने पर ऑटोमैटिकली जोड़ा जाता है। हालांकि यह माना जाता है कि हम सामान्य डेवलपमेंट फ्लो के दौरान www फोल्डर में प्लगइन्स जोड़ेंगे और कोड मॉडिफाई करेंगे।

अगला कदम Cordova build कमांड चलाना है। यह हमारे ऐप कोड को .xcodeproj फाइल में बदल देगा जिसका हम आगे उपयोग करेंगे।

sudo cordova build ios

जनरेटेड Xcode प्रोजेक्ट फाइल यहां होगी:

[Your App Folder]/platforms/ios/[Your App Name].xcodeproj

अब Android के मामले में कोड साइनिंग Keystore फाइल का उपयोग करके की जाती है जो .jks फॉर्मेट में होती है। हालांकि iOS में यह आवश्यक है कि आपके पास iOS ऐप्स डिस्ट्रीब्यूट करने के लिए एक Apple डेवलपर अकाउंट हो। ऐसा इसलिए ताकि हम ऐप डिस्ट्रीब्यूट करने के लिए आवश्यक Certificates और Provisioning Profiles जनरेट कर सकें।

डेवलपर अकाउंट के मूल्य निर्धारण और अन्य जानकारी के लिए इस पेज को देखें।

डेवलपमेंट सर्टिफिकेट्स बनाना

एक बार अकाउंट तैयार हो जाने पर हम आगे बढ़ सकते हैं और अपने Apple डेवलपर अकाउंट में लॉगिन कर सकते हैं।

डैशबोर्ड स्क्रीन कुछ इस तरह दिखनी चाहिए:

Certificates, Identifiers & Profiles पर क्लिक करें। यह आपको निम्नलिखित स्क्रीन पर ले जाना चाहिए, जो डिफ़ॉल्ट रूप से आपके अकाउंट से जारी सर्टिफिकेट्स प्रदर्शित करती है:

iOS सर्टिफिकेट्स मुख्य रूप से दो प्रकार के होते हैं: Development या Distribution। लिस्ट के टॉप राइट कॉर्नर में Plus (+) बटन पर क्लिक करें जो निम्नलिखित पेज खोलेगा:

पहले एक डेवलपमेंट प्रोफाइल बनाते हैं। iOS App Development चुनें और कंटिन्यू पर क्लिक करें।

यह आपको निम्नलिखित स्क्रीन पर लाना चाहिए, जहां आपसे Certificate Signing Request या CSR फाइल बनाने और अपलोड करने के लिए कहा जाता है।

ऑन-स्क्रीन निर्देशों का पालन करके इसे जनरेट करें, और कंटिन्यू करें। एक बार सर्टिफिकेट तैयार हो जाने पर, इसे अपने Mac पर डाउनलोड करें, और इस पर डबल क्लिक करें। यह इसे Mac में Keychain Access में जोड़ देगा।

डिस्ट्रीब्यूशन सर्टिफिकेट्स बनाना

डिस्ट्रीब्यूशन सर्टिफिकेट्स बनाना डेवलपमेंट सर्टिफिकेट्स बनाने की प्रक्रिया के समान है। हालांकि यहां हम Add iOS Certifcate Page में Production सेक्शन से App Store and Ad Hoc चुनते हैं:

App ID बनाना

Identifiers सेक्शन से App IDs चुनें। यह मौजूदा ऐप IDs की सूची खोलेगा। फिर टॉप राइट पर Plus बटन (+) पर क्लिक करें। यह Register iOS App IDs पेज खोलेगा।

Explicit App ID चुनें। ऐप डिस्क्रिप्शन कोई भी संबंधित नाम हो सकता है - यह वही है जो विशेष ऐप ID के विरुद्ध ऐप ID लिस्ट में प्रदर्शित होगा।

एक ऐप ID AB11A1ABCD.com.mycompany.myapp फॉर्मेट में एक स्ट्रिंग है जहां AB11A1ABCD ऐप ID प्रीफिक्स है जो डिफ़ॉल्ट रूप से टीम ID है और com.mycompany.myapp बंडल ID है जो प्रत्येक ऐप के लिए यूनिक है।

यह अनुशंसित है कि बंडल ID रिवर्स-डोमेन नेम स्टाइल स्ट्रिंग में हो। उदाहरण के लिए, कंपनी MYCOMPANY के दो ऐप्स (App1 और App2) हो सकते हैं। इसलिए प्रत्येक ऐप के लिए HTTP URL आमतौर पर app1.mycompany.com और app2.mycompany.com होता है। इसलिए प्रत्येक ऐप के लिए बंडल IDs com.mycompany.app1 और com.mycompany.app2 होंगे।

अगला चेकलिस्ट से कोई भी सर्विस चुनें जिनकी आपको अपने ऐप में आवश्यकता है, जैसे Push Notifications, Wallet आदि। अगला कंटिन्यू पर क्लिक करें और विवरण की पुष्टि करें और अंत में ऐप ID रजिस्टर करें।

अपने डेवलपर अकाउंट में डिवाइस जोड़ना

Devices सेक्शन से All चुनें। यह आपके Apple डेवलपर अकाउंट में पहले से जोड़े गए डिवाइसेज की सूची खोलेगा। केवल ये डिवाइस डेवलपमेंट के दौरान ऐप चलाने की अनुमति है।

एक नया डिवाइस जोड़ने के लिए, टॉप राइट में Plus बटन (+) पर क्लिक करें। निम्नलिखित स्क्रीन प्रदर्शित होगी:

यहां नाम कोई भी आसानी से समझने योग्य नाम हो सकता है, उदाहरण के लिए iPhone 5s ABC Pvt Ltd। डिवाइस UDID प्रत्येक Apple डिवाइस से जुड़ा एक यूनिक ID है।

डिवाइस का UDID खोजने के लिए इन चरणों का पालन करें:

1. डिवाइस को अपने Mac से कनेक्ट करें।
2. /Applications/Utilities फोल्डर में स्थित System Information ऐप खोलें।
3. बाएं कॉलम में Hardware के तहत USB चुनें।
4. दाईं ओर, USB Device Tree के तहत कनेक्टेड डिवाइस चुनें। डिवाइस ID, या "Serial Number", नीचे दिखाई देता है।

एक बार जब आप डिवाइस UDID और नाम दर्ज कर लेते हैं तो कंटिन्यू पर क्लिक करें, फिर विवरण की पुष्टि करें और रजिस्टर करें।

डेवलपमेंट प्रोविजनिंग प्रोफाइल बनाना

डेवलपमेंट प्रोविजनिंग प्रोफाइल बनाने के लिए Provisioning Profiles -> All पर क्लिक करें। यह सभी प्रोफाइल्स, डेवलपमेंट और डिस्ट्रीब्यूशन दोनों दिखाना चाहिए। फिर टॉप राइट पर Plus बटन (+) पर क्लिक करें। यह निम्नलिखित पेज दिखाना चाहिए:

यहां iOS App Development चुनें और कंटिन्यू पर क्लिक करें। प्रदर्शित ड्रॉपडाउन में पहले बनाए गए App ID को चुनें और कंटिन्यू करें।

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

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

अगला, कंटिन्यू पर क्लिक करने के बाद, प्रोविजनिंग प्रोफाइल के लिए नाम दर्ज करें, और जनरेटेड .mobileprovision फाइल डाउनलोड करें।

नोट्स: अपने Adhoc डिस्ट्रीब्यूशन प्रोविजनिंग प्रोफाइल को बनाने की प्रक्रिया समान है। अपने AppStore डिस्ट्रीब्यूशन प्रोविजनिंग प्रोफाइल को बनाना भी बहुत समान है, सिवाय इसके कि उसमें हम डिवाइसेज का चयन नहीं करते, क्योंकि ऐप AppStore के माध्यम से सार्वजनिक रूप से उपलब्ध होगा।

अब हमारे पास वह सब है जो हमें चाहिए, हम Xcode का उपयोग करके वास्तविक ipa जनरेट करना जारी रख सकते हैं।

Cordova build कमांड हमारे ऐप कोड को एक xcode प्रोजेक्ट में बदल देता है। Xcode का उपयोग करके हम एक .ipa फाइल बनाते हैं जो इंस्टॉल होने वाला वास्तविक ऐप है।

आगे बढ़ने से पहले दोनों सर्टिफिकेट्स पर डबल टैप करके उन्हें अपने कीचेन में जोड़ें।

Xcode में जारी रखना

अगला, .xcodeproj फाइल पर डबल टैप करें जो इसे Xcode में खोलना चाहिए। (कृपया Xcode के लेटेस्ट वर्जन का उपयोग करें - मैंने Xcode 8.3.2 का उपयोग किया है।)

Xcode स्क्रीन उपरोक्त जैसी दिखनी चाहिए।

विंडो के टॉप लेफ्ट कॉर्नर पर ऐप नाम पर क्लिक करें। यह दाईं ओर डिटेल्ड व्यू खोलेगा।

फिर Targets -> App Name पर क्लिक करें:

यह निम्नलिखित डिटेल्स टैब प्रदर्शित करेगा:

General पर क्लिक करें, जो यह प्रदर्शित करना चाहिए:

Automatically Manage Signing चेकबॉक्स को अनचेक करें।

यह निम्नलिखित एरर प्रदर्शित करना चाहिए, जिसमें कहा गया है कि AppName को एक प्रोविजनिंग प्रोफाइल की आवश्यकता है:

अगला, Signing (Debug) के तहत, Provisioning Profile ड्रॉपडाउन पर क्लिक करें और import profile विकल्प चुनें। दिखाई देने वाले फाइल सिलेक्शन डायलॉग में, उस पथ पर नेविगेट करें जहां डेवलपमेंट प्रोविजनिंग प्रोफाइल डाउनलोड की गई है, और इसे चुनें। इसका एक्सटेंशन .mobileprovision होगा।

इसे चुनने के बाद, एरर चली जानी चाहिए, और यह आपके Apple डेवलपर अकाउंट में Team Name और Signing Certificate Name के रूप में Team दिखाना चाहिए।

Signing (Release) सेक्शन के लिए भी वही करें - लेकिन फाइल सिलेक्शन डायलॉग में Ad Hoc डिस्ट्रीब्यूशन प्रोफाइल चुनें।

अब जब कोड साइनिंग चरण पूरे हो गए हैं, तो हम या तो:

• ऐप को सीधे डिवाइस पर चलाएं
• सिम्युलेटर पर ऐप चलाएं
• डिस्ट्रीब्यूशन के लिए ipa फाइल जनरेट करें
• ऐप को ऐपस्टोर पर अपलोड करें

ऐप को सीधे डिवाइस पर चलाना

डिवाइस पर ऐप चलाने के लिए डिवाइस को USB के माध्यम से Mac से कनेक्ट करें। फिर टॉप लेफ्ट कॉर्नर में डिवाइसेज की सूची में कनेक्टेड डिवाइस चुनें, और रन या प्ले बटन (काला त्रिकोणीय बटन) पर क्लिक करें:

बिल्ड स्टेटस विंडो के टॉप पर स्टेटस बार में प्रदर्शित होगा। अगर सब ठीक रहा, तो ऐप डिवाइस पर इंस्टॉल हो जाना चाहिए, और यह थोड़ी देर में ऑटोमैटिकली लोड हो जाना चाहिए।

नोट: सिम्युलेटर पर ऐप चलाने के चरण समान हैं। लेकिन वास्तविक डिवाइस के बजाय हम डिवाइस लिस्ट से उपलब्ध iPhone और iPad सिम्युलेटर्स का उपयोग करते हैं।

डिस्ट्रीब्यूशन के लिए ipa फाइल जनरेट करना

यह दृष्टिकोण तब किया जा सकता है जब आपको ऐप को टेस्टिंग टीम आदि को डिस्ट्रीब्यूट करने की आवश्यकता हो। हालांकि उनके द्वारा उपयोग किया जाने वाला डिवाइस प्रोविजनिंग प्रोफाइल में मौजूद UDID होना चाहिए।

Xcode मेनू से Product -> Clean, फिर Product -> Archive चुनें। Archives ऑर्गनाइज़र प्रकट होता है और नया आर्काइव प्रदर्शित करता है।

दाएं पैनल में Export विकल्प चुनें और विकल्पों की एक सूची दिखाई देगी।

निर्दिष्ट डिवाइसेज वाले उपयोगकर्ताओं को अपना ऐप डिस्ट्रीब्यूट करने के लिए, "Save for Ad Hoc Deployment" चुनें। ऐप को डिस्ट्रीब्यूशन सर्टिफिकेट के साथ कोड साइन किया जाएगा।

आंतरिक टेस्टिंग के लिए अपना ऐप डिस्ट्रीब्यूट करने के लिए, "Save for Development Deployment" चुनें। ऐप को आपके डेवलपमेंट सर्टिफिकेट के साथ कोड साइन किया जाएगा।

दिखाई देने वाले डायलॉग में, पॉप-अप मेनू से एक टीम चुनें और Choose पर क्लिक करें।

अगला डिवाइस सिलेक्शन डायलॉग पॉप अप होता है। या तो All devices या specific devices चुनें और नेक्स्ट पर क्लिक करें।

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

ऐप को .ipa` फाइल के रूप में एक्सपोर्ट किया जाता है।

इस फाइल को डिवाइस पर चलाने के लिए बस इस पर डबल टैप करें जो इसे iTunes में खोल देगा।

फिर अपना डिवाइस कनेक्ट करें (यह iTunes विंडो के टॉप लेफ्ट कॉर्नर पर एक छोटा डिवाइस आइकन दिखाना चाहिए)। इस पर टैप करने से डिवाइस सारांश जैसे डिवाइस पर ऐप्स, म्यूजिक आदि दिखाई देंगे। ऐप्स टैब चुनें, और बाएं पेन में इंस्टॉल किए जाने वाले ऐप को चुनें और इंस्टॉल पर क्लिक करें। प्रक्रिया पूरी होने तक प्रतीक्षा करें और अप्लाई पर क्लिक करें। यह ipa फाइल को आपके डिवाइस पर इंस्टॉल कर देगा।

ऐप को डीबग करने के लिए:

1. Safari खोलें
2. डिवाइस पर ऐप खोलें
3. Safari मेनू बार में Develop --> Your Device Name --> Your App चुनें।

बस इतना ही दोस्तों!

मुफ्त में कोड करना सीखें। freeCodeCamp के ओपन सोर्स करिकुलम ने 40,000 से अधिक लोगों को डेवलपर के रूप में नौकरी पाने में मदद की है। शुरू करें