Mobile app development toolchains leveraging JavaScript, such as Ionic and React Native, are growing in popularity more each day. The pace of business makes it difficult to hire multiple engineers for different platforms and duplicate efforts. In this session you’ll see hands on how you can build beautiful user applications using Ionic and React Native without spending months learning how your backend architecture should be designed. Using the newly released AWS Mobile CLI and build tooling you’ll understand how your mobile developers can with a set of simple commands interface with Serverless AWS infrastructure and add in features such as User Sign-In and Sign-Up with Amazon Cognito, Serverless infrastructures using Amazon API Gateway, AWS Lambda and Amazon DynamoDB, and comprehensive analytics through Amazon Pinpoint.

1. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS Mobile CLI
Michael Labieniec, Senior Developer Advocate
B u i l d i n g H y b r i d a n d W e b A p p s w i t h A W S M o b i l e C L I
MBL310
November 28, 2017

2. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
comScore Media Metrix Multi-Platform & Mobile Metrix, U.S., Total Audience, June 2017

3. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
comScore Media Metrix Multi-Platform & Mobile Metrix, US, Total Audience, June 2017

4. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Introduction to the AWS Mobile CLI
• Integrate into your existing app
npm install -g awsmobile
cd your-app
awsmobile inject -t react

5. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Hosting and Streaming
• Publish your front end using one simple command
awsmobile publish
• Automatically published to Amazon S3
• Automatically distributed to a global content
delivery network (CDN) with Amazon CloudFront

6. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Add Features
• Analytics
• User Sign-in
• NoSQL Database
• User Data Storage
• Cloud Logic
Amazon Pinpoint
Amazon Cognito
Amazon DynamoDB
Amazon S3
AWS Lambda
awsmobile enable
awsmobile update

7. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
JavaScript and Mobile Development

8. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Framework - React Native
• JSX + React Framework
• Native Components & Modules
• Android, iOS
• Live/Hot Reloading

9. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
https://github.com/awslabs/aws-mobile-react-native-starter

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

11. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Framework - Ionic
• Angular + Cordova framework
• Runs in a web view
• Android, iOS, web, or PWA
• Web Components (stencil)

12. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
https://github.com/awslabs/aws-mobile-ionic-sample

13. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
AWS + Ionic Starter
https://github.com/ionic-team/ionic2-starter-aws

14. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Demo

15. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
Resources
• https://github.com/aws/awsmobile-cli
• https://github.com/ionic-team/ionic2-starter-aws
• https://github.com/awslabs/aws-mobile-ionic-sample
• https://github.com/awslabs/aws-mobile-react-native-starter

16. © 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
THANK YOU!
B u i l d i n g H y b r i d a n d W e b A p p s w i t h A W S M o b i l e C L I
M i c h a e l L a b i e n i e c - S e n i o r D e v e l o p e r A d v o c a t e