Boulder js 

feb 19, 2014 - Dehru Cromer

Tools For Mobile Development

PhoneGap / Shenzhen / TestFlight


I'm Not an expert!

I'm a user

I can only show you how I use these tools

What is Phonegap?

  • Write HTML/CSS/JS 
  • Native wrapped mobile package
  • iOS, Andriod, Windows, a couple others
  • Integrate into mobile OS services
    • GEO location, 
    • address book, 
    • camera/media
    • Tons of others
  • Many pre-built 3rd Party components

Phonegap === Cordova


In October 2011, PhoneGap was donated to the Apache Software Foundation (ASF) under the name Apache Cordova.


Cordova is the command line executable

npm install -g cordova 


Grunt integration with

npm install grunt-phonegap 

Live coding!

Link: The command line api

cordova create mobile org.boulderjs.feb14 demo 
cd mobile 
cordova platform add ios 
cordova platform add android 
* cordova plugin add (git repo for plugin here)
cordova build android 
cordova emulate android
cp -R ../dist/* www
cordova build ios 
cordova emulate ios 
 *show project through xcode  

Title

What is shenzhen?

  • Command line utility
  • Create certificate signed .ipa files 
  • Distribute them with TestFlight or HockeyApp

I use 2 commands


cd platforms/ios
ipa build
ipa distribute:testflight -a API_TOKEN -T TEAM_TOKEN 





Gotcha: You must open the cordova generated .xcodeproj file in xcode first 
before shenzhen can open it on the command line.

LIVE CODING!


Testflight

TestFlight is a free platform used to distribute beta and internal iOS/Android applications

testflightapp.com

Basics


Developers
  1. Upload builds to test flight
  2. Alert testers that a new build is ready

Testers

  1. Testers install on device through a mobile app
  2. Testers get notifications when new app uploaded

API

I use shenzhen to deal with the upload api

Questions?

Phonegap, Shenzhen, TestFlight

By Dehru Cromer

Phonegap, Shenzhen, TestFlight

  • 805