Automating Your Way out of the Dark Ages

Transcription

1 Automating Your Way out of the Dark Ages Our experience with (and without) PhoneGap creative commons licensed (BY-NC-ND) flickr photo by Fred Seibert:

2 This Talk our experience w/ PhoneGap Build and how it spoiled us what we did when we couldn t use it anymore about PhoneGap specifically

3 Timeline Building Manually w/ Xcode & Eclipse Building/Distributing w/ PhoneGap Build Manual Builds (again) Distribution w/ TestFlight & HockeyApp Automated Build & Distribution

4 The Redesign

5 From: Native ios Native Android Native BlackBerry Native Windows Mobile mobile web touch web Android touch

6 To: HTML5!! mobile web, ios, Android, BlackBerry*

7 Building stuff. Feeling productive. HTML5 all the things. creative commons licensed (BY-NC-SA) flickr photo by x-ray delta one:

8 Test in Chrome, because WebKit. Chrome = WebKit Safari = WebKit Android browser = WebKit BlackBerry browser = WebKit

9 QA team: I wonder how it behaves on Android 2.3 wrapped

10 Test in Chrome, because WebKit? Nope. :(

11 ios: Safari. WebView. Chrome. Android: Browser. WebView. Chrome. BlackBerry: 6.0? 7.0? 10? Chrome Blink?

12 I ll just Build Manually with Xcode & Eclipse

13 The Dark Age

14 git pull

15 compass compile

16 node r.js -o app.build.js

17 Copy/Paste Files into www C P

18 Plug In Phone

19

20

21 Plug In Phone #2

22

23

24 Plug In Phone #3

25

26

27 The Renaissance

28

29 With PhoneGap Build:

30 git pull./build.sh

31

32

33 Automate All the Things!

34 # on every commit # 1) build app # 2) zip it # 3) upload via API

35 Went from building once a week (maybe) to building multiple times a day

36 Timeline Building Manually w/ Xcode & Eclipse Building/Distributing w/ PhoneGap Build Manual Builds (again) Distribution w/ TestFlight & HockeyApp Automated Build & Distribution

37 Outgrowth: Manual Builds Again

38 Unsupported Plugins

39 Manually Building (again)

40 Manually Distributing (again)

41 The Dark Age 2.0

42 Building

43 git pull

44 ./build.sh

45

46

47

48 Distributing

49 Me: "Want to help? Install this app and me your UDID" Teammate: *"I ed you my UDID the other day, when can I install the app?"* "Um.. let me check. I need to add it to the provisioning profile." Add UDID to provisioning profile git pull Run javascript build script Push a button Forgot to get new provisioning profile into Xcode Refresh profiles Push a button Send it out "it wouldn't install, what's the deal?"* "lemme try again" restart xcode push a button "ok try now"

50 The Renaissance 2.0

51 TestFlight to the rescue! (for ios)

52

53

54 Hockey App to the rescue! (for Android)

55 Automating the Build AND Distribution

56 Goals Push button deploy Continuous Integration Reduce TTHN (Time to HackerNews)

57 Xcode

58 Xcode Command Line Tools xcrun! xcodebuild! agvtool!

59 Shenzhen Ruby gem that creates.ipa files! Distributes to TestFlight! Part of nomad (

60 gem install shenzhen

61 ipa build -s {{projectname}} -c Release

62 ipa distribute \ api_token {{apitoken}} \ team_token {{teamtoken}} \ lists "Core" --notes {{notes}} \ --notify --replace

63 Eclipse

64 ant release

65 mv bin/{{appname}}.apk \ ~/Dropbox/Builds/{{appName}}.apk

66 More Automation

67 Grunt Tasks for JS Code configure api endpoint add build information concatenate/minify compile templates compass compile move files to xcode move files to eclipse

68 Grunt Tasks for Xcode/Eclipse configure xcode project bundle id to be branch name configure xcode project app name to be branch name configure xcode project build id to be commit revision build xcode project distribute app to test flight build eclipse project distribute to server for download

69 Cordova CLI does some of this for you, too

70 Cordova CLI cordova build ios cordova prepare ios cordova compile ios cordova emulate ios

71 Resources [PhoneGap]( [PhoneGap Build]( [TestFlight]( [Hockey App]( [GruntJS]( [shenzhen](