Building your app with PhoneGap build and AppPresser

I am guessing you are familiar with AppPresser and have installed all the required plugins on your wordpress website.  Now, you are ready to build an iOS app that leverages what you did on your wordpress site. For this, you need PhoneGap build – and your own iOS certificate. Read this post for creating your iOS development certificate using a windows machine and openSSL.

For your iOS build, you only need to work with the www folder in the phoneGap build. You will modify two files in there (config.xml and index.html). In addition, you can replace the default icon files with icons for your app.

Step 1 – Download a starter project for phongap .

Step 2 – Modify the config.xml as outlined in this video (or see my summary below)

<widget id=”com.anujvarma.myappname”…. // Simply change this to a unique namespace – can be anything that you can easily remember – basically a reversed domain name

<author email=”anujvarma@ablahblah.com” href=”http://www.anujvarma.com/category/golf”>  // change to your email and your website
        Anuj Varma
  </author>

Ensure that you have the following at the bottom of the file (before </widget>)

   <icon src=”icon.png”/>
    <content src=”index.html”/>
    <access origin=”*” subdomains=”true”/>

</widget>

Step 3 – Modify the index.html (all you need is a redirect to your website – with the query string  ?appp=1 )

<head>
        <script>
          window.location = ‘
http://www.anujvarma.com/?appp=1′;
        </script>
    </head>

Step 4 –  Change the icons to the icons for your app (replace the files in res/icon folder and the /img folder) with your icon files.

Step 5- Zip up everything in the www folder – and upload the zipped file to build.phonegap.com. Along with your iOS certificate , this zip file will be used to create an .ipa file – which can be installed on your mobile device (through iTunes).

Cloud Advisory Services | Security Advisory Services | Data Science Advisory and Research

Specializing in high volume web and cloud application architecture, Anuj Varma’s customer base includes Fortune 100 companies (dell.com, British Petroleum, Schlumberger).

All content on this site is original and owned by AdverSite Web Holdings, Inc. – the parent company of anujvarma.com. No part of it may be reproduced without EXPLICIT consent from the owner of the content.

Anuj Varma – who has written posts on Anuj Varma, Technology Architect.


Leave a Reply

Your email address will not be published. Required fields are marked *