When PhoneGap Build .ipa files need to be re-signed

Update 6/13/2014: Fixed instructions to support XCode 5.1.1

Update 11/4/2015: Fixed filename of the entitlements file (use hyphens, not underscores)

We use PhoneGap Build to compile a number of iOS apps.  It saves us the complexity of setting up and maintaining XCODE/PhoneGap build environments.  We simply upload our web code and corresponding configuration files and get back an .ipa file ready for distribution.

One of our clients uses the app we build for in-house enterprise deployment.  They need a copy of the .ipa file signed with their Enterprise certificate and their provisioning profile.    They said “please just provide us an .xcarchive file so we can open it in the XCODE Organizer and distribute it.”  But all we get from PhoneGap Build is an .ipa file.  So what do we do?

Continue reading

Using URL Schemes in PhoneGap Build Apps

Edit 2/27/2014 — There’s a new 3rd Party Plugin on PhoneGap Build that is probably a much better way to do this.   I haven’t personally tried it yet, but check out the Customer URL Scheme plugin: https://build.phonegap.com/plugins/433 

I love PhoneGap Build.  It makes the whole process of building a hybrid app easy.  No messing around with build servers for each type of device, no installing of patches when PhoneGap versions come out, and they have an API for automating builds.  But the hidden cost is the inability to modify the native code when you want to.  You are stuck with the options Build offers you.  One of these limitations is in URL schemes.

iOS has always supported URL Schemes.  This allows your app to respond to a URL.  You’ve probably noticed that any url that starts with “mailto://” opens the Mail app and “maps://” opens the Maps app.  You can register your own scheme so that “myapp://” opens your app and you can see any information passed in that URL.  It’s a great way to make web pages link to your app and to have two apps talk to each other.

But while recent versions of PhoneGap have some built-in support for URL schemes, setting it up requires registering the scheme in your info.plist file.  It’s a straightforward entry where you set CFBundleURLName and CFBundleURLSchemes (nice tutorial for iOS devs here).  But since PhoneGap Build does not let you alter the info.plist file and the config.xml file does not support setting these values, you’re out of luck.  There are requests to get this support added, but Adobe has not added it yet.

Never fear – I found a great workaround.  Yes, it’s something of a hack, but it works.  The secret is to use the officially supported FacebookConnect plugin.  This plug in is meant to give access to Facebook for Single Sign On.  We don’t need that functionality, but when the plugin is included in your project, it does setup the info.plist with a URL scheme.

Continue reading

Strange token in web.config after publishing

I had two projects that I had published to the web server many times from Visual Studio 2010.  I use web.config transformations to set my connection strings different based on which server I’m publishing too.

But while traveling I needed to make some edits using Visual Web Developer 2010 Express.  When I published from that, I started seeing that my connection strings were getting replaced with something like “$(Replaceable Token…)”  Huh?

After googling, the fix was easy.  I had to open my .csproj file and add:

<AutoParameterizationWebConfigConnectionStrings>False</AutoParameterizationWebConfigConnectionStrings>

in the <PropertyGroup> section near the top.  Not sure why I suddenly needed this, but it solved the problem!

The Secret to the Page Flip in HTML5/Canvas for Windows8 and iOS

A while back I needed to program a page flip effect in Silverlight, and Rick Barraza had an incredibly thorough blog post with lots of examples and great visuals.  Now he has done it again, this time for HTML5 Canvas:

The Secret to the Page Flip in HTML5/Canvas for Windows8 and iOS | rbarraza.com.

Unfortunately I can’t seem find the old Silverlight blog post or I’d post that too.

Great article–“Designing a Mobile App? Don’t Make These 10 Mistakes”

This is a great article on Mashable on things to consider in designing a mobile app:  http://mashable.com/2012/04/11/mobile-app-design-tips/

Their 10 points summarized are:

  1. Don’t Begin Wireframes or Designs Without a Flowmap
  2. Don’t Disregard the Development Budget
  3. Don’t Start With Low Resolutions & Avoid Bitmaps
  4. Don’t Undersize the Hit Area
  5. Don’t Gratuitously Use Intro Animations
  6. Don’t Leave Users Hanging
  7. Don’t Blindly Copy Style From Other Operating Systems
  8. Don’t Overstuff Pixel-Dense Screens
  9. Don’t Assume Everyone Will Use Your App The Same Way You Do
  10. Don’t Forget About Gestures, But Don’t Abuse Them Either