Serverless Web App entwickeln und deployen
mit AWS Amplify
Puzzle Tech Kafi, 03.04.2019
Mathis Hofer, hofer@puzzle.ch
Agenda
Motivation
Was ist Amplify?
Demo
Fazit
Motivation
Wellenreiter
FOSPPP
Ziel: PWA zum Streamen von Radio
React App
User Auth + Simples Backend für Datenpersistierung
4PT: Entwickeln & deployen
Was ist Amplify?
Bild: CC BY-SA 4.0 Quarax
Aber...
Plattformen
Web
React Native
Android
iOS
Bibliothek
Toolchain
UI Komponenten
Bibliothek
Categories
Analytics
API
Authentication
Storage
Interactions
PubSub
Notifications
XR
Function
Video
Utilities
Cache
Hub
I18n
Logger
Service Worker
Hosting
AWS S3
Statische Assets (HTML, JavaScript, CSS, Bilder)
AWS CloudFront
API
Oder andere GraphQL-Backends
AWS AppSync
AWS DynamoDB
Authentication
AWS Cognito
Oder OpenID Connect über beliebigen Provider,
z.B. auth0.com oder self-hosted Keycloak
UI Komponenten
Authenticator
Photo Picker
Album
Chatbot
Toolchain
CLI Tool
Code-Generierung (GraphQL Schema)
Plugins
CLI Tool
$ npm install -g @aws-amplify/cli
$ cd <your-app>
$ amplify init
$ amplify add <category>
$ amplify pushDemo
Fazit
Danke
Slides: https://slides.com/hupf/amplify/
This work is licensed under a
Creative Commons Attribution-ShareAlike 4.0 International License.
© 2019 Mathis Hofer