This article gets you up to speed on how to integrate your HTML/CSS/JS app with Cordova into an iOS app using a Mac and prepare it for App Store submission. This article assumes you’ve already followed the steps on https://iphonedevlog.wordpress.com/2013/08/16/using-phonegap-3-0-cli-on-mac-osx-10-to-build-ios-and-android-projects/ to:
Add PATH statements to .profile
In this article, I am referencing Mac OS X Yosemite 10.10.5 and Xcode 6.3.1 on a Mac Mini. Cordova CLI 5.4.1 was installed. I am referencing “cordova” in the command-line interface, not “phonegap.” This project will not use the PhoneGap Build service. Any updates to these programs may affect the following instructions.
This is not a tutorial, but a list of things a Cordova PhoneGap developer needs to know if he or she wants to start using PhoneGap Build (PGB). PGB will take your www/ assets and create the files needed for iOS, Android, and Windows devices. It doesn’t use native files, such as those ending in .h, .m, .java, etc.; the build may fail if these are included. What follows are the notes I took as I considered whether to use the service. Read this as a FAQ page for preparing an app for PGB. Curious as to whether PhoneGap Build is for you? Read on…
With this software, you can develop your app on the desktop, then see the changes instantly on your mobile device. There’s no need to re-sign, re-compile, or reinstall your app to test your code. You’ll have access to the device APIs that aren’t available in web browsers. Let’s give it a spin!
This article gets you up to speed on how to integrate your HTML/CSS/JS app with PhoneGap/Cordova into an iOS app using a Mac and prepare it for App Store submission. This article assumes you’ve already followed the steps on https://iphonedevlog.wordpress.com/2013/08/16/using-phonegap-3-0-cli-on-mac-osx-10-to-build-ios-and-android-projects/ to:
Add PATH statements to .profile
Install Cordova CLI
In this article, I am referencing Mac OS X Mavericks 10.8.5 and Xcode 5.0.2 on a Mac Mini. PhoneGap CLI 3.3.0 was downloaded. I am referencing “cordova” in the command-line interface, not “phonegap.” This project will not use the PhoneGap Build service. Continue reading
At the time this was written PhoneGap Build does not support PG 3.0. These instructions assume Cordova PhoneGap is being used, not Build.
I highly recommend following the latest version of PhoneGap or Cordova. For instance, try these pages:
In this article, you will use CLI to build iOS and Android projects:
- Install Cordova
- Create a project with all necessary www folders and files
- Add iOS and Android platform version folders and files
- Build an Android debug apk for installation on a device for previewing
- Build an Android project and view on a browser for previewing
- Add the InAppBrowser and Splashscreen plugins
- Update icons and splash screens for each platform
- Update the config.xml, AndroidManifest.xml, and index.html files
- Customize content for a particular platform
- Finalize a product apk for Google Play upload, including keys and certificates
If you want to link to an external site and make it easy for the user to return to your PhoneGap app, try the well-named inAppBrowser (IAB for short). Here are the simple steps to implement it into an already-working PhoneGap project for iOS and Android. Continue reading
Newcomers ask this question a lot. I’ve posted my response to this under the link, “Which programming language should I learn to make apps?” I hope it helps to narrow down your choice of languages to start learning. I posted it here so I can point to it when I encounter the question in forum posts.
Before you can install the app you create with PhoneGap on your device, you need to sign up as a Developer with Apple and go through the business documentation, Certificate Signing, and Developer Certificate process, all of which are detailed on Apple’s web site (https://developer.apple.com/programs/ios/), under Prepare for App Submission. Nevertheless, you can skip all those steps and still see your work in the the iOS Simulator included with Xcode — you just won’t be able to view the app in your device or App Store. Xcode is a free download you can download now, but the Developer status comes at $99 a year. Continue reading
October 2012. Published by Packt Publishing Ltd. ISBN 978-1-84951-858-1.
Packt asked me to review the book, which I did in PDF format.
About the author: “A regular presenter at national and international conferences, Matt Gifford also contributes articles and tutorials in leading international industry magazines, as well as publishing on his blog (www.mattgifford.co.uk).”
This book functions as a cookbook, so it creates spare apps that do exactly what they set out to do and little else. As a result, there is no disc of complicated code included. The benefit of this approach is that you don’t get lost in the programming of a more fully functioning app. The cookbook format, however, means that you will get only little more explanation of the code than what you’ll see on PhoneGap’s site. So this is not a book for those already comfortable using the code on PG’s site. Continue reading
These instructions follow the Getting Started with iOS guide at http://docs.phonegap.com/en/2.1.0/guide_getting-started_ios_index.md.html#Getting%20Started%20with%20iOS. (Earlier versions of this PG pointed to the wrong file.) PhoneGap uses “PhoneGap” and “Apache Cordova” terminology on its web site. I’m going to use “PG” often in this article for shorthand.
Before you can install the app on your device, you need to sign up as a Developer with Apple and go through the business documentation, Certificate Signing, and Developer Certificate process, all of which are detailed on Apple’s web site (https://developer.apple.com/programs/ios/), under Prepare for App Submission. Nevertheless, you can skip all those steps and still see your work in the the iOS Simulator included with Xcode. Xcode is a free download you can download now, but the Developer status comes at $99 a year. If you are new to creating apps for the App Store, you’ll want to peruse the App Store Review Guidelines to make sure your app falls within acceptable limits: https://developer.apple.com/appstore/resources/approval/guidelines.html
What steps do you follow to get your app out to a tester’s physical iOS device? This article assumes you will have the physical device in hand to plug into your development Mac computer. Continue reading
In my apps, I include a list of my apps that link to their pages. But I couldn’t figure out how to link to my eBook in iBooks. A kind soul said to use this format: http://itunes.apple.com/us/book/isbn9781465813718
Just replace the ISBN number for your own.
Wish you could add an eBook to the iBookstore? Go to Smashwords for all the information. Download their free manual and follow it precisely for best results.
WiziApp Review: Is this the easiest way yet to convert from a WordPress site into a fully-functional native app?
First, some background: My general WordPress (WP) blog containing my Christian writings has become a confusing mess. So I decided to separate each of the major writing themes into its own blog. So I recently changed to a host which has easy WP installation and imported my my WP blog there in its own folder, naming the folder after its theme. (For instance, I have a book app called Doubt Busters: Answering the Questions that Challenge our Faith, and have added a lot of its content to my WP site. So when I imported it to my new server, it went into a folder called http://www.stevehusting.com/doubtbusters. In there, I deleted all the unrelated posts.)
Now for the purpose of this article. While I was going through every link in the admin panel to customize my site, I clicked on Plugins and came upon WiziApp. “WiziApp automatically turns your WordPress blog into a native iPhone app. To get started, we need you to complete 3 simple steps to configure your app using our friendly Wizard.”
Xcode 4 Transition Guide
Link: [Sign in to your iOS Developer account] > iOS Dev Center > iOS Developer Library > Resource Types > Guides
These are notes based on the Xcode 4 Transition Guide (page numbers refer to the PDF) that I found helpful to me. This guide gives you an overview of the many refinements made during the transition from Xcode 3 to 4. Well worth a look if you are not using Xcode 4 regularly and would like to know more about its features. The following notes are of particular interest to me; you’ll find much more in the document than what I’ve written.
I just created an app with Xcode 4, PhoneGap 1.0, ChildBrowser, and local storage. That project is a template, the basis for starting any other projects I do in the future. Luckily for me, Apple has already created step-by-step instructions on how to rename an app (in this case, my template app) so that I can save the original as a template and use the renamed version as the app to submit. Read the above to see how we’re supposed to rename apps in this way, for Xcode 3 and 4.
Apple must have written a gazillion tech notes on a variety of issues people have with their products. Here’s one I wished I had known about sooner to help me with my code signing blues. It has a sexy name, too: TN2250.
Check it out next time an error mentions anything about code signing.