Mobile delivery with a devops mindset - Craftsconf edition

MobileContinuous

Deliverywith a devops mindset

@patrickdebois

http://dotcomplicated.co/content/wp-content/uploads/mobile-devices.jpg

http://dotcomplicated.co/content/wp-content/uploads/mobile-devices.jpg

LIVE RESULTSINTERACTION MODERATIONSTUDIO CONTROLPART OF THE SHOW

OPSDEV

http://www.jedi.be/blog/2012/05/12/codifying-devops-area-practices/

4 areas of improvement


OPSDEV

Area 1: Extend delivery to production



OPSDEV

Area 2: Extend operations feedback to project




OPSDEV



Area 3: Embed Projectknowledge into Operations



OPSDEV

Area 4: Embed Operations knowledge into Project






TOOLS

DEVOPS

CI Pipeline

MAC OSX CIavoid it works on my machine

https://circleci.com/

https://travis-ci.com/http://www.objc.io/issue-6/travis-ci.html

https://hosted-ci.com/

SDK INSTALLATION

http://stackoverflow.com/questions/8649874/how-do-i-automate-the-installation-of-xcode

http://stackoverflow.com/questions/8649874/how-do-i-automate-the-installation-of-xcode

SETUP IOS KEYS

DEPENDENCIES

DIFFERENT ENVIRONMENTSvisual cues

BUILD CONFIGS

READABLE BUILDScompact output with xctool

https://github.com/facebook/xctoolhttps://github.com/supermarin/xcpretty

https://github.com/supermarin/xcpretty

STATIC CODE ANALYSIS

http://clang-analyzer.llvm.org/http://oclint.org/

https://gist.github.com/rciovati/8461832

https://codeascraft.com/2014/01/15/static-analysis-with-oclint/http://fbinfer.com/

MOBILE SECURITY

http://dexter.dexlabs.org/

BATTERY & RESOURCES

http://developer.att.com/ARO

http://developer.att.com/ARO

DISTRIBUTE BUILDScrashlytics , hockeyapp, testfairy , …

DEVICE UDIDmobile provisioning profiles

http://whatsmyudid.com/

ADHOC BUILDSshenzen

https://github.com/nomad/shenzhen

DEVICE MGMTcupertino

https://github.com/nomad/Cupertino

DEMYSTIFY PROVISION PROFILES

cd ~/Library/MobileDevice/Provisioning\ Profiles/

/usr/libexec/PlistBuddy -c 'Print DeveloperCertificates:4' /dev/stdin \

<<< $(security cms -D -i \

3a4f7c6e-4af6-4924-a267-d9ec8e6aab75.mobileprovision)\

| openssl x509 -subject -inform der -noout -text

TEST APPSkeep testers up to date

TEST FEEDBACKmake giving feedback easy & consistent

https://github.com/DZamataev/TestFlightFeedback

APPS IN BROWSERsimulator builds

https://appetize.io/https://app.io/

RECORD SESSIONSSeeing is believing

SCENARIO TESTINGcross technology testing

http://appium.io/

ACCESIBILITY LABELSunique ids for targeting UI elements

#pragma mark - Accessibility

- (void)addAccessibility:(UIView*)view label:(NSString*)label { view.accessibilityLabel = label; [view setIsAccessibilityElement:YES]; }

- (void)addAccessibility:(UIView*)view label:(NSString*)label value:(NSString*)value { // Set accessibility programmatically // because adding it to the UserInterface Storyboard doesn't allow you to set the value for Appium [self addAccessibility:view label:label]; view.accessibilityValue = value; }

<com.blokken.views.HomeTVGameButton android:id="@+id/button_tvspel" android:layout_margin="1dp" android:contentDescription = "TV SPEL" android:layout_width="@dimen/button_home_size_big" android:layout_height="@dimen/button_home_size_big" android:layout_column="2" /> </TableRow>

BEHAVIOURtesting / selenium style

SIMULATORSyou just can’t get enough (speed)

http://www.andyroid.net/#producthttps://www.manymo.com/emulators

https://www.genymotion.com/#!/

DEVICE IN A (VIRTUAL) BOXno test excuses

https://github.com/psde/aosp-dockerhttps://plus.google.com/+BradFitzpatrick/posts/CmqtqAShWZJ

https://github.com/jkingyens/docker4xcodehttp://hackersome.com/p/dockerparis/android-test-cluster

https://github.com/psde/aosp-docker

https://plus.google.com/+BradFitzpatrick/posts/CmqtqAShWZJ

https://github.com/jkingyens/docker4xcode

http://hackersome.com/p/dockerparis/android-test-cluster

DEVICE FARMS

LOCAL DEVICE CLOUD

http://mobilelabsinc.com/

REAL DEVICESdoes it even start?

INTERACTIVE DEVICE

DEBUG TRAFFIC

https://github.com/facebook/stetho

IOS

ANDROID

https://github.com/square/PonyDebugger

https://github.com/facebook/stetho

https://github.com/square/PonyDebugger

http://www.charlesproxy.com/documentation/proxying/throttling/

CLI IOS-DEPLOYlook no UI mama

https://github.com/phonegap/ios-deploy

CLI HELP IOS

http://www.libimobiledevice.org/

https://github.com/phonegap/ios-sim

RE-SIGNbuild only once

https://gist.github.com/mediabounds/1367348

PUBLISH TO PLAYSTORE

https://github.com/Triple-T/gradle-play-publisher

IOS AUTOMATIONnot so official apple API

https://fastlane.tools/

CheckoutCode

& Metadata

InstallDependencies

UseCorrect

Build Settings

Build the executable

Setup keys& certificates

Sign the App

InstallTooling

Distribute tointernal

developers

Find matchingOS Machine

InstallSDK/Tools

Run tests

Distribute tointernaltesters

Distribute to external testers

(releasecandidates)

Promote to Public

LimitedSet of Devices

(staging)(master)

Simulator

LimitedSet of Devices(production)

(release)

Code Analysis

Test Cloudon Real Devices

Distribute internal

beta Appstore

Manage Tester List

Master branch

Release branch

Staging Build

Production build

Appstore build

Build

Promote

OPSDEV




Going Live

METRICScustomer focused

APP METRICS

https://fabric.io/

NETWORK ERRORSQuisque fringilla est eget arcu tindidunt

http://newrelic.com/mobile-monitoring/features

MOBILE MONITORINGit’s just another device

LOG ERRORios, android , web , backend, …

LOG DEBUGtagging log lines

LOGGING IOS != NSLOG

READ IOS LOGS

https://developer.apple.com/library/ios/documentation/System/Conceptual/ManPages_iPhoneOS/man3/asl.3.html

READ LOGS ANDROID

http://stackoverflow.com/questions/12692103/read-logcat-programmatically-within-application

TWITTER FEEDBACKwatch social media

RATINGSuser feedback android

APPSTOREautomated feedback

https://launchkit.io/reviews

CAPTURE FEEDBACKbefore they tell it in the App Store

FRESHDESK

http://freshdesk.com/

CONVERSATIONbecause email sucks

NOTIFICATIONSinform the users

https://appbot.co/appbotx/getstarted

SUPPORT FAQdon’t repeat yourself

REVIEW PROMPTShappy customer reviews

VERSION DRIFT

https://github.com/ArtSabintsev/Harpy

“SHARE SCREEN”

https://watchsend.com/install

www.hotjar.com

https://watchsend.com/install

TEAM CHANNEL ++communicate all the things

END USER

APP APPSTORE

Social Media

SUPPORT

AnonymousPublic

User LoginNo device details

User LoginAll device details

Logging

BACKEND

FEEDBACK

FAQ/Ticket system

Record both App & Backend Activity

Correlate JSON Logs using e-mail, device-id, customer-id

CONFIG

FF_ENABLE_DEBUG(enable debug if needed)

IN APPFeedback

FF_RECORD_SESSION(capture more visual feedback)

FF_USE_STATIC_FAQ(switch to just a faq page)

'Live'-Chat

Re-directHappy Customers

Fetch Settings(per user/group/device)

+- Low Memory- API Errors- Warnings- Device Logs

FF_DEBUG_LEVEL(increase debug if needed)

Metrics

Crash Reports

WEBSITE

OPSDEV





AppstoreApproval

REVIEW TIMES

EXPEDITEuse with care https://developer.apple.com/contact/app-store/?topic=expedite

IOSAPP

USEFEATURE FLAGS

No submit needed(if it does not change the app purpose drastically)

SWIZZLINGREMOTE NSBUNDLEUSE WEBVIEW

Pre-defined behaviorchange

Dynamic behaviorchange

= hooking into functionsand it's response

Download Contentto local Documents

Load Assets from Local Bundle

ImagesLocalesSettings

XIB/NIBS

Also possible to embedCordova Webview

Use bridge to communicatewith native

REMOTECONTENT

Expect internet connectivity

Cache Image Assets

OpenGL issues

Notify users of newapp version

TO SUBMIT OR NOT TO SUBMIT

Submit(code changes & extended new app behaviour)

IMAGE DELIVERYhttps://www.imgix.com/

REMOTE CONFIGchange settings with new submit to App Store

https://github.com/gangverk/Android-RemoteConfighttps://github.com/mattt/GroundControl

https://github.com/gangverk/Android-RemoteConfig

LOCALIZATION

https://github.com/joytunes/JTLocalize

https://github.com/joytunes/JTLocalize

UI CONTROLcontrol all text & images from the backend

CROSSWALKQuisque fringilla est eget arcu tindidunt

https://crosswalk-project.org/

JOCKEY.JS https://github.com/tcoulter/jockeyjs

CORDOVA/PHONEGAP

http://docs.phonegap.com/en/3.5.0/guide_platforms_ios_webview.md.html#iOS%20WebViews

http://docs.phonegap.com/en/3.5.0/guide_platforms_ios_webview.md.html#iOS%20WebViews

REMOTE BUNDLEhttps://github.com/sirnicolaz/NMRemoteBundle

Compile Xib & Storyboard

Image from Remote Bundle

Storyboard from Remote Bundle

XIB from Remote Bundle

https://github.com/sirnicolaz/NMRemoteBundle

https://facebook.github.io/react-native/

DETAIL CRASH

CRASH REPORTSlink to user ID

LIVE PATCHswizzling

https://www.rollout.io/http://nshipster.com/method-swizzling/

LIVE PATCHswizzling

http://nshipster.com/method-swizzling/

FASTERRRRRR

OPSDEV






Improve the Business

USER ACTIONShow do they use the app

http://heapanalytics.com

http://heapanalytics.com

RECORD HEATMAPSwhere do they click

http://appsee.com

http://appsee.com

FLIGHTRECORDER

http://flightrecorder.io/

FLOWsee what features are used

RANKINGkeep track

https://www.appannie.com/

RETENTIONwho returns?

APPSTORE SEO

APP ICON/NAME A/B TESTING

A/B TEST STORE LISTING

ALL CHANNELSgo where your users are

https://www.appboy.com/products

A/B TESTINGscience not gut feeling

http://apptimize.com/product

APP FIGURES

OPSDEV

Area 4: Embed Operations knowledge into Project






S3 (Storage)

Cognito (Login)

Mobile Hub (Analytics)

Cognito Sync (Settings)

DynamoDB (Database)

Lambda (Async/Sync API)

API Gateway (Proxy)

Kinesis (Logging)

Elastic search (Search)

SNS (Push & Email)

(Storage)

(Login)

(Analytics)

(Settings)

(Database)

(Async/Sync API)

(Proxy) (Logging)

(Search)

(Push & Email)

Next up , IOT ?

[email protected]

@patrickdebois

http://www.smalltownheroes.be

Mobile delivery with a devops mindset - Craftsconf edition

Engineering

Transcript of Mobile delivery with a devops mindset - Craftsconf edition