Slide 1
Slide 1 text
[React Native, React, Vuejs]
AWS Amplify
SMS
@hiromb1804
Slide 2
Slide 2 text
Jehb
u hiro
# #!
u /(?@4%'C-9$
u RubyGUVQ 3AY
PKRa #
u OSier=B1)6PKW\c!
u DIM[ =B1)6/+;."NF Z SX^H
*0fLg]E
Slide 3
Slide 3 text
!
"#"$
%
&
Slide 4
Slide 4 text
6;6@!$"
:A JS%*'
+ .?
( &() < CFE
u 6;6@ #
9 -07D 8
=,>
(Outh2.0, Open ID Connect…)
u AWSFirebaseAuth0 31
Javascript(
&() < FE
429
u B AWS5/%*'+ < ( &()
31
React React Native VueAngularIonic
Slide 5
Slide 5 text
2BReact?AC)!
@101H5
ReactIG@
Amplify+ '+,
."%-
AWS Amplify CLI
."%->9;4
create-react-app
amplify configure
amplify init
amplify add auth
amplify push
amplify add hosting
?AED
*"$. ED073:
React &
Slide 6
Slide 6 text
React
u React
u create-react-app project-name
u cd project-name
u npm install aws-amplify aws-amplify-react
u npm start
Slide 7
Slide 7 text
AWS Amplify CLI
"(-
'#+)!$
u amplify-cli amplify congigure
'#
u npm install -g @aws-amplify/cli
u amplify configure
& ap-northeast-1 *#
accessKeyIDsecretAccessKey
%, .
!$
Slide 8
Slide 8 text
AWS
ID
Slide 9
Slide 9 text
amplify init
u $
# "!
u javascript → react %
OK
Slide 10
Slide 10 text
amplify init 3
u AWS
←AWS CloudFormation
Slide 11
Slide 11 text
amplify init / 3
u ;:9?
>@0)%!
+3
u amplify status " 72amplify add 28-4$ "&<1
amplify publish #,*'. 6(%!
=5
Slide 12
Slide 12 text
amplify add auth Cognito
amplify add hosting S3
u
Slide 13
Slide 13 text
aws-exports.js src$
%!#"
u amplify push amplify publish
amplify auth
amplify push
Slide 14
Slide 14 text
React
index.js App.js
3
Slide 15
Slide 15 text
1
1
Slide 16
Slide 16 text
amplify add publish
URL
http://2reactcognito-20190126130822-hostingbucket.s3-website-ap-northeast-
1.amazonaws.com/
Slide 17
Slide 17 text
Slide 18
Slide 18 text
SMS"!$#
u u SMS
Slide 19
Slide 19 text
JWT
(WEB
)
Slide 20
Slide 20 text
AWS Cognito
Slide 21
Slide 21 text
!
Slide 22
Slide 22 text
React Native Vue
% ('
u
WEB
S3
publish %
"#
&!(' $
Slide 23
Slide 23 text
u How to Build Cloud-Powered Mobile Apps with Expo & AWS Amplify
https://blog.expo.io/how-to-build-cloud-powered-mobile-apps-with-expo-aws-
amplify-2fddc898f9a2
u AWS Amplify + React.js
https://qiita.com/monamu/items/f40836cd4b1b14a13c68
u AWS Amplify React
https://dev.classmethod.jp/client-side/javascript/amplify-custom-signup/