Developing and Testing Your Hybrid Mobile Application with AWS MobileHub and AWS Amplify 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. Sri Nadendla, Solutions Architect, Amazon Web Services

1. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Sri Nadendla
Enterprise Solutions Architect, Amazon Web Services
Developing And Testing Your Hybrid
Mobile Application With AWS
Mobilehub And AWS Amplify

2. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Mobile Hub: The Fastest Way To
Build Mobile Apps On AWS

3. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Mobile Hub: The Fastest Way To
Build Mobile Apps On AWS

4. © 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
analyse app analytics
Mobile SDK: Build apps for iOS,
Android, Unity and more
Develop
Pinpoint, SNS & SES:
Send Push, SMS &
email notifications
Engage
Measure

5. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Mobile Hub CLI
AWS Mobile Hub Console
AWS Mobile CLI
awsmobile init
awsmobile user-signin enable
awsmobile pull awsmobile push

6. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify Library
AuthN, AuthZ, OIDC JWT, MFA
Authentication
Single line integration
with Amazon Pinpoint
Analytics
RESTful APIs with
Amazon API Gateway
API
Upload, Download, list
content in S3
Storage
LRU cache interface
across web apps and
React Native
Caching
Push notifications with support
for Amazon Pinpoint
campaigns and targeting
Push Notifications

7. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: Getting Started
$ awsmobile start my-project react-native
Amazon S3
Amazon Cognito
Amazon API Gateway Amazon DynamoDBAmazon Lambda
Amazon Mobile Hub

8. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Demo: Getting Started

9. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Hybrid Development With AWS Amplify

10. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thinking In React - Components

11. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thinking In React - Components

12. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thinking In React - Components

13. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thinking In React - Components

14. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AuthN & AuthZ with AWS Amplify

15. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Mobile Hub – Amazon Cognito User Pools

16. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: AuthN & AuthZ Configuration
$ awsmobile init
$ awsmobile user-signin enable
$ awsmobile push
Using AWS Mobile CLI
$ awsmobile pull
Using AWS Mobile Hub Console

17. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Login – React Higher Order Component

18. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Login – React Higher Order Component

19. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Sign In

20. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Sign Up

21. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Sign Out

22. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Forgot Password

23. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
APIs with AWS Amplify

24. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Mobile Hub: Cloud Logic

25. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: Cloud API Configuration
$ awsmobile init
$ awsmobile cloud-api enable
$ awsmobile push
Using AWS Mobile CLI
$ awsmobile pull
Using AWS Mobile Hub Console

26. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Working with APIs

27. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Demo: AuthN, AuthZ & APIs

28. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Analytics with AWS Amplify

29. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: Amazon Pinpoint Analytics

30. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: Amazon Pinpoint Events

31. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify: Amazon Pinpoint Analytics

32. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Demo: Analytics

33. © 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
analyse app analytics
Mobile SDK: Build apps for iOS,
Android, Unity and more
Develop
Pinpoint, SNS & SES:
Send Push, SMS &
email notifications
Engage
Measure

34. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
GO BUILD!
AWS Mobile Hub

35. © 2018, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Thank You