Building mobile apps on iOS or Android with React Native? The open-source AWS Amplify tool helps developers quickly add authentication, API’s, storage, cacheing, and analytics to apps using a declarative programming style. In this session we will cover how to build a mobile app for iOS and Android using AWS MobileHub, AWS Amplify, and React Native. You'll also see some framework specific techniques such as leveraging Higher Order Components (HOCs) in a React or React Native application as well as best practices and utilities from AWS MobileHub

1. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Developing Mobile
Experiences

2. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Mobile Use
Continues to Grow
91% 61%
US Adult Population
owns a mobile phone
Of these were
smartphone users
2.32
Billion
In ‘17
Smartphone usage will surpass
2.5 billion in 2018
Source: Statista

3. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
JULY 2013 JUNE 2014 2017
50
BILLION
75
BILLION
197
BILLION
Google’s Android market
passed 50 billion app
downloads and featured
over 1 million available
apps.
Apple iTunes reached 75
billion app downloads and
featured 1.2 million
available apps.
In 2017, over 197 billion
apps had been
downloaded, resulting in
$77 billion in revenue.
Source: Statista

4. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
0
10
20
30
40
50
60
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
How People Access The Web
Series1 Series2 Series3
Source: Statcounter

5. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
User Experience == Compelling Apps
Wow Factors
Minimal Needs
Intuitive Design Personalization Experience Transfer

6. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Web and Mobile are converging
Support from platform
Feature support first
Delivery via App Store
Native Performance
Vendor lock-in
No shared code
Support from community
Features come later
Delivery via App Store
Native Performance
Common Business Logic
~ 80% common code
Support from community
Common Web Features
Delivery via Web
Browser Performance
Single Codebase
100% common code
Native Apps Cross Platform Apps Progressive Web Apps

7. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
App Concerns
Security Privacy Scalability
User Segmentation Engagement Business Model

8. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS for mobile app development
Sign-in & access control
Analyze user behavior
Store and share media
Synchronize data
Deliver media
Amazon Cognito
(Sync)
Amazon Cognito Amazon S3
Amazon CloudFront
Store data
Amazon DynamoDB
Amazon RDS
Track retention
Amazon Pinpoint
Send push notifications
Amazon SNS Mobile Push
Amazon Pinpoint
Run server-side logic
AWS Lambda
Amazon API Gateway
Amazon Lex
Accept conversational input
Amazon Pinpoint
AWS Mobile SDKs
AWS Mobile Hub
Your mobile
app

9. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Mobile Hub auto-provisions mobile services
AWS
Mobile Hub
AWS Identity and
Access Management
Amazon
CloudFront
Amazon
S3
AWS
Lambda
Amazon API
Gateway*
AWS
Device Farm
Amazon Lex
Amazon
DynamoDB
Amazon
Cognito
Amazon
Pinpoint
Amazon
SNS

10. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.

11. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Mobile Hub makes it easy
• Manage multiple services
as a project
• Configure common services
for best practices
• Download service constants
for iOS, Android and
JavaScript
• Export project for
repeatable deployments

12. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Mobile Hub
Working mobile app project includes:
 Xcode or Android Studio project
 Uses your AWS resources
 Example application code
 Helper “Glue” code
 Software development kits
 Detailed integration instructions

13. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Mobile Backend

14. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Architectural approaches
Client-Server
Multi-tier with web, application
and database tiers
Service-oriented architecture
(SOA)
Messaging-oriented middleware
Client Server
Mobile/Web
Clients
Web
Tier
Application
Tier DB
Mobile/Web
Clients
Service
Service
Service
Service
Publisher Subscriber
Seeing a shift towards…

15. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Microservices
Atomic self-contained units of code
Easy to develop, deploy and share
Follow JSON/REST/HTTPS
paradigm
Serverless
Develop, run and scale apps and
microservices without
provisioning and managing
servers
For backend services, seeing a big shift towards..
Mobile/Web
Clients
Microservices

16. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
User Authentication
and Authorization
REST APIs
and Microservices
Containers
Security and
Compliance
Easy to develop
and manage
Continuous Scaling and
Monitoring
No servers to
manage
Hybrid
Composition
and packaging
Pay for what
you use
Foundation of Serverless Microservices

17. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Lambda Amazon API Gateway Amazon Cognito
Create your Serverless Microservices on AWS using

18. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon
API Gateway
Mobile Applications
Lambda microservices
Serverless Microservices as Mobile Backend
APIWeb Applications
Cognito
<Identity Management>

19. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Lambda
Run your code without
managing infrastructure
Cost effective and
Efficient
Continuous Scaling and
Monitoring
Easy to develop
and deploy

20. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Lambda Programming Model

21. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon API Gateway
Simplified API
development
Performance at Scale Security Controls Monitor and meter
API activity

22. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Username
Password
Sign In
1. Request with
Bearer Token
API Endpoints
2. Context + Token
403: Denied
3. Policy Decision
403: Allowed
[Integration with Cognito User Pools]
API Gateway
Authorize API access using API Gateway
Custom Authorizer

23. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Auth & Access Control

24. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Identity is mission critical for your applications
Security
Revenue
Generation
Application
Backbone
 Know your users
 Monitor engagement
with your application
 Store and manage
user data
 Personalize your
users’ experiences
 Protect sensitive data
 Secure business-
critical processes
User Identity

25. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Developing Auth Infrastructure is Difficult
• Need to develop a reliable user directory to manage identities
• Handling user data and passwords and protecting privacy
• Prioritizing scalability of your infrastructure upfront
• Implementing token-based authentication
• Support for multiple social identity providers
• Federation with corporate directories for B2E applications
1
2
3
5
6
4

26. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon Cognito
Facebook
Corporate
ID
Etc.
Sign in with
Your User Pools
You can easily and securely add sign-up
and sign-in functionality to your mobile and
web apps with a fully-managed service that
scales to support 100s of millions of users.
Federated Identities
Your users can sign in with third-party
identity providers, such as Facebook and
SAML providers, and you can control
access to AWS resources from your app.
SAML
Sign in
Username
Password
Submit
Or
Start as a
guest

27. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Your User Pools
Add user sign-up and sign-
in easily to your mobile and
web apps without worrying
about server infrastructure
Serverless Authentication
and User Management
Verify phone numbers and
email addresses and offer
multi-factor authentication
Enhanced Security
Features
Launch a simple, secure,
low-cost, and fully managed
service to create and
maintain a user directory
that scales to 100s of
millions of users
Managed User Directory
1 2 3

28. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Extensive Admin Capabilities
Define Custom
Attributes
Set per-App
Permissions
Set up Password
Policies
Create and manage
User Pools
Define custom attributes for your user profiles
Set read and write permissions for each user attribute on a per-app basis
Enforce password policies like minimum length and requirement of certain
types of characters
Create, configure, and delete multiple user pools across AWS regions
Require Submission
of Attribute Data
Select which attributes must be provided by the user prior to completion of
the sign-up process
Search Users
Search users based on a full match or a prefix match of their attributes
through the console or Admin API
Manage Users
Conduct admin actions, such as reset user password, confirm user, enable
MFA, delete user, and global sign-out

29. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Importing Existing User
 Import users into your Cognito user pool by
uploading .csv files
 Users will create a new password when they
first sign-in
 Each imported user must have an email
address or a phone number

30. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon
API Gateway
Mobile Applications
Lambda microservices
Serverless Microservices as Mobile Backend
APIWeb Applications
Cognito
<Identity Management>

31. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
User Engagement and Analytics

32. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon Pinpoint – User Engagement Platform
Aims to empower customers by providing tools to …
• Effectively engage users through personalized push notifications
(Targeted notifications perform 3 times better than generic notifications)
• Segment users based on frequency, recency and custom attributes
• Optimize customer messaging via A/B testing
• Measure and analyze campaign performance
• Multi-channel user engagement

33. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Amazon Pinpoint capabilities
Rich notifications, in-app and silent
notifications
Custom events and custom attributes
Auto-Export to S3 and Kinesis Firehose
Segment and Funnel analytics
Targeted mobile push notifications with fast
fan out
Scheduled and recurring campaigns
Campaign and app analytics
A/B testing and holdout testing
Quiet time and message caps

34. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Mobile Engagement with Amazon Pinpoint
End-User Devices
(via AWS Mobile SDK)
Amazon SNS
Amazon Mobile
Analytics
Push Notifications
App Events
Data Analysis & Export
Engagement Messages
Amazon Pinpoint
Customer
Systems
(via AWS SDK)
Marketers
(via Console)

35. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Local Restrictions Solved
Message:
11:30 AM
Message:
Gate change alert! Your
flight from Rio de Janeiro
(GIG) to Manaus (MAO)
on Brazilian Airlines flight
#2120 has changed. The
revised departure time
is…
From: NX SC 1223
To: 33 6 78 90 12 34
Envover: Bonjour!
• SMS cannot originate from a
standard number
• Amazon SNS switches
automatically to a ‘pre-approved’
delivery code
Carrier Restriction
France
• Character limit is 157, versus
the 160 world standard
• Amazon SNS concatenates to
ensure full delivery
Carrier Restriction
Brazil
• Promotional messages are
prohibited from 9 PM – 9 AM
• Amazon SNS buffers messages
till the promotional messaging
time window commences.
Carrier Restriction
India
From: 225-631
Don’t forget about
special deals this
summer!
• Transactional Messages require
a pre-registered communication
code
• Amazon SNS converts the
message source to a known
registered communication code
Carrier Restriction
India
From: LM-ADIDAS
Thank You. Your
order# 123ABC has
shipped!

36. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Data Driven Apps with AppSync

37. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync
“Managed GraphQL”

38. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS AppSync
Build data-driven apps with real-time &
offline capabilities.

39. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
GraphQL is a query language for APIs…
Resources defined by a GraphQL Schema
Client sends query, server orchestrates data
Mutiple transports (HTTP, MQTT, WebSockets)
Efficient (Network Bandwidth, Dev Time)
Self Documenting (Introspection w/ Tooling)

40. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Option 1: REST API
• Resources defined by “Endpoints”
• Client calls to many endpoints
• Uses HTTP as a transport
• Conceptually simple
• Tried and true

41. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Option 2: GraphQL
GraphQL is a query language for APIs and a runtime
for fulfilling those queries with your existing data.
GraphQL provides a complete and understandable description
of the data in your API, gives clients the power to ask for
exactly what they need and nothing more, makes it easier to
evolve APIs over time, and enables powerful developer tools
graphql.org/learn

42. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Ensure App Quality

43. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Test your apps with AWS Device Farm on real devices
Automated Testing
Test your apps in parallel against a
large collection of physical devices
in the AWS Cloud
Remote Access
Gesture, swipe, and interact
with devices real time,
directly from your browser
Rich set of automation
Framework support
Automation

44. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Automated Testing with AWS Device Farm
Choose apps, devices and
automation framework
Test your apps against a
choice of real phones and
tablets
Get test results that
pinpoints bugs and
performance issues

45. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Remote Access with AWS Device Farm
Select a device by attributes
such as make, model and
OS version
Device Farm displays the
device’s screen in your
browser
Gesture, swipe and
Interact with the device.
Reproduce customer issues
and test functionality

46. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Mobile Development Lifecycle
Deploy your App to AWS.
Deploy
Device Farm: Test Android,
iOS, and Web Apps on Real
Devices in the Cloud.
Test
Pinpoint: Collect and
Analyze app analytics
Mobile SDK: Build apps for iOS,
Android, Unity and more
Develop
Pinpoint, SNS & SES:
Send Push, SMS & Email
notifications
Engage
Measure

47. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
More Details
https://aws.amazon.com/mobile

48. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Please provide feedback on next webinar
3 polls