Build IOS Apps with Phonegap

1

Stats

3,994 visits, 5,681 views

Tools

Translations

This tutorial hasn't been translated.

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 12 Jun, 2017. Last updated 19 Feb, 2019

Hello Everyone,

This is a simple tutorial in how to Build your C2 Games, and make them ready for Publish for IOS using Phonegap. Hopefully you will find this tutorial useful. Anyhow, let’s start.

Before you go any further, and don’t want to read the whole tutorial. Here check out the video which covers' the whole tutorial

Subscribe to Construct videos now

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$\</p>

# Ok, for all who want to read here we go :).

1- When you’re ready to Export your project. Chose Cordova -> Next -> Uncheck "Use new Intel XDK project format" -> Export

Open full size image

2- Go to where saved your project and open, You must add three different size of your game Icon: 76 by 76, 120 by 120, and 152 by 152. Add these new sizes to your project folder. Be sure that the icon name’s like so for the size: (76 by 76) the name: Icon-76, size (120 by 120) the name: Icon-60@2x, and (152 by 152) Icon-76jyh@2x.

3- Open your Config.xml File -> Use Notepad, But I highly recommend to open it with Notepad++ to read the code better. You can download Notepad++ from here:

https://notepad-plus-plus.org/

# Add these changes to your Config.xml File:

1- Change app version to two digits like so; (1.0) for some reason it won’t take more than two, you could try it if you wish.

2-

    <platform name="ios"> <icon src="Icon-76.png" width="76" height="76" /> <icon src="Icon-60@2x.png" width="120" height="120" /> <icon src="Icon-76@2x.png" width="152" height="152" /> </platform>


3-

    <platform name="ios"> <config-file parent="NSCalendarsUsageDescription" platform="ios" target="[i]-Info.plist"> <string>Advertisement would like to create a calendar event.</string> </config-file> <config-file parent="NSPhotoLibraryUsageDescription" platform="ios" target="[/i]-Info.plist"> <string>Advertisement would like to store a photo.</string> </config-file> <config-file parent="NSBluetoothPeripheralUsageDescription" platform="ios" target="*-Info.plist"> <string>Advertisement would like to use bluetooth.</string> </config-file> </platform>

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

* Explanation why do you need to do these changes to your Config.xml File *

1 # So “Info.plist” can recognize your app icon’s, but if you don’t add this line of code you will have an error when you try to send it using “Application Loader”. Something like this:

2 # This line of code is For AdMob which explain these key’s (NSCalendarsUsageDescription, NSPhotoLibraryUsageDescription, NSBluetoothPeripheralUsageDescription) that add automatically by Admob that are going to be used for Advertisement reasons. You only need to know if you are using Admob you will need this line of code.

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

# Save the changes, and close the file.

**# Select all everything inside you project file -> Right Click -> Send to

-> Compressed (zipped) folder

**

# Open now Phonegap Build: https://build.phonegap.com/

1- Sign in Or Sign Up if you don’t have an account.

2- Click on “ Upload a .zip file “

3- Now, wait until everything is ready, and you can see your project is uploaded.

4- Click on “ Ready to Build “, wait for a few seconds, then click on the name of the project to enter it.

5- Click Add Key for IOS, by choosing your p12 file and provisioning profile for the app.

6- Be sure the Lock is open before you click on Rebuild.

7- Click Rebuild.

8- Download your IPA, and you are good to go.

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

** With this I can concluded the tutorial is over. I hope you found it helpful. Thank you for keeping up either reading or watching the tutorial.

Good Luck…………….. :) :) :)

  • 1 Comments

  • Order by
Want to leave a comment? Login or Register an account!
  • Hello, im recently developing IOS app via construct 2 to phonegap following this tutorial. But the app is always force closed when i open it. It opens and show cordova logo and force close.

    I think that's because of the config.xml file. Do you have the config.xml file that's really works?

    I think we need new setup for latest version of construct 2.

    Thanks