diff --git a/guide/english/mobile-app-development/cordova-ios-application-development-setup-to-deployment/index.md b/guide/english/mobile-app-development/cordova-ios-application-development-setup-to-deployment/index.md index c802bb493e..637ca63dac 100644 --- a/guide/english/mobile-app-development/cordova-ios-application-development-setup-to-deployment/index.md +++ b/guide/english/mobile-app-development/cordova-ios-application-development-setup-to-deployment/index.md @@ -6,7 +6,7 @@ title: Cordova iOS Application Development Setup to Deployment Hybrid Application development for android is a breeze, be it for development or production configuration, however i personally find cordova iOS setup, development and deployment a bit complicated. -Most of the Hybrid Application Developers who are in learning stage are not able to explore hybrid iOS app development process due to the simple reason that they dont own a mac, since developing iOS apps requires the iOS SDK and XCode unlike Android SDK which runs on any Desktop OS. Therefore the aim of this guide is to show the basic workflow of hybrid iOS app development on a mac, so that a develoer even if he/she cannot develop iOS apps, is atleast familiar with how its done. +Most of the Hybrid Application Developers who are in learning stage are not able to explore hybrid iOS app development process due to the simple reason that they dont own a mac, since developing iOS apps requires the iOS SDK and XCode unlike Android SDK which runs on any Desktop OS. Therefore the aim of this guide is to show the basic workflow of hybrid iOS app development on a mac, so that a developer even if he/she cannot develop iOS apps, is atleast familiar with how its done. ## Creating cordova project @@ -30,11 +30,11 @@ The generated Xcode Project file will be in : [Your App Folder]/platforms/ios/[Your App Name].xcodeproj ``` -Now incase of Android the code signing is done using the Keystore file which is in .jks format. -However incase of iOS for distributing iOS apps it is required that you have a Apple developer account, +Now in case of Android the code signing is done using the Keystore file which is in .jks format. +However in case of iOS for distributing iOS apps it is required that you have an Apple developer account, This is so that we can generate the *Certificates* and *Provisioning Profiles* required for distributing the app. -For pricing of Developer account refer this page +For pricing of an Developer account refer this page ## Creating Development Certificates Once you have the account ready we can proceed further and login to Apple developer account @@ -62,7 +62,7 @@ This should bring you to the following screen, where you are asked to create and ## Creating Distribution Certificates Creating distribution certificates is similar to the process for creating development certificates, -However here we select ```App Store and Ad Hoc``` from ```Production``` section in the ```Add iOS Certifcate Page``` +However here we select ```App Store and Ad Hoc``` from ```Production``` section in the ```Add iOS Certificate Page``` Add iOS Certificate @@ -78,11 +78,11 @@ Select Explicit App ID App Description can be any related name this will be displayed in the app id list against the particular app id. An app id is a string in the format *AB11A1ABCD.com.mycompany.myapp* where *AB11A1ABCD* is the app id prefix which is by default the team ID and *com.mycompany.myapp* is the bundle ID which is unique to each app. -Its recommended that the bundle id must be in a reverse-domain name style string for example, the company MYCOMPANY may have two apps (App1 and App2), therefore the http url for each app is usually app1.mycompany.com and app2.mycompany.com, +It's recommended that the bundle id must be in a reverse-domain name style string for example, the company MYCOMPANY may have two apps (App1 and App2), therefore the http url for each app is usually app1.mycompany.com and app2.mycompany.com, Hence the bundle IDs for each app will be com.mycompany.app1 and com.mycompany.app2 -Next select any services from the chceklist that you need to use in your app, such as Push Notifications, Wallet etc. -Next click on continue and confirm the details and finally register the app id. +Next select any services from the checklist that you need to use in your app, such as Push Notifications, Wallet etc. +Next click on continue and confirm the details to finally register the app id. ## Adding devices to developer account @@ -99,7 +99,7 @@ To find the UDID of a device follow the below mentioned steps: 1) Connect the device to your Mac. 2) Open the System Information app located in the /Applications/Utilities folder. 3) Select USB under Hardware in the left column. -4_ On the right, select the connected device under USB Device Tree. +4) On the right, select the connected device under USB Device Tree. The device ID, or “Serial Number”, appears below. Once you have entered the device UDID and name click continue, then confirm the details and register. @@ -127,24 +127,24 @@ Next on clicking continue, enter the name for the provisioning profile, and down This process is same as Development Profile Creation ## Creating AppStore Distribution Provisioning Profile -This process is same as Development Profile Creation, except here we dont select devices, as the app will be available publicly through AppStore. +This process is same as the Development Profile Creation, except here we don't select devices, as the app will be available publicly through AppStore. -Now that we have all that we need we can continue generating the actual ipa using Xcode. +Now that we have all that we need, we can continue generating the actual ipa using Xcode. *Note: cordova build command converts our app code to xcode project, using Xcode we create an .ipa file which is the actual app to be installed.* --- -efore moving forward double tap on both Certificates to add them to keychain +Before moving forward double tap on both Certificates to add them to keychain ## Continuing in Xcode Next, double tap the .xcodeproj file which should open it in Xcode. -( Please use the latest version of Xcode, i have used Xcode 8.3.2 ) +( Please use the latest version of Xcode, I have used Xcode 8.3.2 ) Project opening in Xcode The Xcode screen should look something like this. -Click on the App Name on the top left corner fo the window, this will open the detailed view on the right side. +Click on the App Name on the top left corner for the window, this will open the detailed view on the right side. Project settings Then click on Targets-> App Name @@ -154,7 +154,7 @@ Then click on Targets-> App Name This will display the following details tab : target details -Clik on general, which should display : +Click on general, which should display : general details Uncheck the Automatically Manage Signing Checkbox @@ -162,12 +162,12 @@ Uncheck the Automatically Manage Signing Checkbox This should display the following error, stating AppNAme requires provisioning profile profile error -Next, under Signing (Debug) Click the Provisioning Profile Dropdown and select the *impot profile* option. +Next, under Signing (Debug) Click the Provisioning Profile Dropdown and select the *import profile* option. In the file selection dialog that pops, navigate to the path where the development provisoning profile is downloaded, and select it. It will have an extension of *.mobileprovision* -After selection the error should be gone, and it should show Team as the Team Name in Apple eveloper account and Signing Certificate Name. +After selection the error should be gone, and it should show Team as the Team Name in Apple developer account and Signing Certificate Name. -Do the same thing for Signing (Release) section, however in the file selection dialog slect the Ad Hoc distribution Profile. +Do the same thing for Signing (Release) section, however in the file selection dialog select the Ad Hoc distribution Profile. Now that the Code signing steps are done we either * run the app directly on device @@ -178,7 +178,7 @@ Now that the Code signing steps are done we either ## Running the app directly on device To run the app on device connect the device to the Mac via USB, -then in the top left corner in the list of devices select the cnnected device, and click the run or play button (black triangular button) +then in the top left corner in the list of devices select the connected device, and click the run or play button (black triangular button) run device run device @@ -197,7 +197,7 @@ From the Xcode menu select ```Product``` -> ```Clean```, Then ```Product``` -> ```Archive```, The Archives organizer appears and displays the new archive. ios archive organizer -In the righthand side panel select Export option, al ist of optios will appear. +In the righthand side panel select Export option, a list of options will appear. To distribute your app to users with designated devices, select “Save for Ad Hoc Deployment.” The app will be code signed with the distribution certificate. @@ -207,17 +207,17 @@ To distribute your app for internal testing, select “Save for Development Depl In the dialog that appears, choose a team from the pop-up menu and click Choose. ios export select team -Next the device selection dialog popus up +Next the device selection dialog pops up Select either *All devices* or *specific devices* click next. Next the review dialog is displayed, Here it will show the signing certificate and provisioning profile used for generating the build. Review and click next. -Finally the file save as popup is displayed to select the location in the file system to store the exported app file. +Finally the file save as popup is displayed to select the location in the file system to store the exported app file. The app is exported as ``.ipa``` file . -To run this file on device simply double tap it which will open it in itunes. +To run this file on a device simply double tap it which will open it in itunes. Then connect your device (This should show a small device icon on the top left corner of the itunes window ) tapping on it will show the device summary such as apps, music etc on the device.