© 2021, Amazon Web Services, Inc. or its Affiliates.
Marcia Villalba
Developer Advocate AWS
@mavi888uy
Desarrollo de aplicaciones
en la nube! ☁️☁️

© 2021, Amazon Web Services, Inc. or its Affiliates.
About me
AWS Developer Advocate
UCU – Ingenieria de sistemas
Host of FooBarYouTube Channel
https://youtube.com/foobar_codes
Podcast y canal en español
https://bit.ly/aws-esp-yt

© 2021, Amazon Web Services, Inc. or its Affiliates.
Table of contents
• La nube y algunos conceptos interesantes
• Desarrollo de aplicaciones modernas – Qué es eso?
• Demo de cómo hacerlo

© 2021, Amazon Web Services, Inc. or its Affiliates.
Qué es computación en la nube?

© 2021, Amazon Web Services, Inc. or its Affiliates.
Ejecuta aplicaciones
de forma segura y
confiable
Desplega redes, computo,
almacenamiento, bases de datos
en la nube con un click
Todo lo que necesitas en
un centro de datos
Qué es computación en la nube?

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cuáles son los beneficios de la nube?

© 2021, Amazon Web Services, Inc. or its Affiliates.
Sli.do https://app.sli.do/event/1lkfosem

© 2021, Amazon Web Services, Inc. or its Affiliates.
No hay que invertir dinero de ante mano!
Data center investment
based upon forecast
Capital
Pay only for the amount
you consume

© 2021, Amazon Web Services, Inc. or its Affiliates.
Economias de escala
Because of aggregate usage from all customers, AWS can achieve
higher economies of scale and pass savings on to customers
Economies of scale
Savings

© 2021, Amazon Web Services, Inc. or its Affiliates.
No hay que adivinar la capacidad necesaria de antemano
Overestimated
server capacity
Underestimated
server capacity
Scaling on
demand

© 2021, Amazon Web Services, Inc. or its Affiliates.
Aumento de velocidad e innovación
Weeks between wanting
resources and having
resources
Minutes between wanting
resources and having
resources
Launch

© 2021, Amazon Web Services, Inc. or its Affiliates.
No gastar más dinero manteniendo centro de datos
Running datacenters Business and customers
Investment

© 2021, Amazon Web Services, Inc. or its Affiliates.
Se global en minutos

© 2021, Amazon Web Services, Inc. or its Affiliates.
Millones de clientes activos por mes

© 2021, Amazon Web Services, Inc. or its Affiliates.
Muchos clientes … muchisimos

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…
https://d21tktytfo9riy.cloudfront.net/wp-
content/uploads/2016/03/30123842/abcom-
default-share.jpg

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…
https://d21tktytfo9riy.cloudfront.net/wp-
content/uploads/2016/03/30123842/abcom-
default-share.jpg

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…
https://d21tktytfo9riy.cloudfront.net/wp-
content/uploads/2016/03/30123842/abcom-
default-share.jpg

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…
https://d21tktytfo9riy.cloudfront.net/wp-
content/uploads/2016/03/30123842/abcom-
default-share.jpg

© 2021, Amazon Web Services, Inc. or its Affiliates.

© 2021, Amazon Web Services, Inc. or its Affiliates.
Algunos conocidos…
https://d21tktytfo9riy.cloudfront.net/wp-
content/uploads/2016/03/30123842/abcom-
default-share.jpg

© 2021, Amazon Web Services, Inc. or its Affiliates.
Desarrollo de
aplicaciones en AWS

© 2021, Amazon Web Services, Inc. or its Affiliates.
Sli.do https://app.sli.do/event/1lkfosem

© 2021, Amazon Web Services, Inc. or its Affiliates.
+ =
Una plataforma con
muchisimos servicos
Desplega infra en un minuto
No hay que reinventar la
rueda

© 2021, Amazon Web Services, Inc. or its Affiliates.

© 2021, Amazon Web Services, Inc. or its Affiliates.
Evolución del diseño de
aplicaciones para la nube

© 2021, Amazon Web Services, Inc. or its Affiliates.
Qué quieren los desarrolladores cuando construyen apps hoy en
día?
Llegar a miles o
millones de usuarios
Disponibilidad global Que responda en
milisegundos
Que gestione petabytes
de info

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cuáles son las mejores prácticas para desarrollar estas apps?
Serverless
No provisioning/management
Automatic scaling
Pay for value billing
Availability and resiliency
Microservices
Componentization
Business capabilities
Products not projects
Infrastructure automation
DevOps
Cultural philosophies
Cross-disciplinary teams
CI/CD
Automation tools
DEV OPS
Architectural
patterns
Operational
Model
Software
Delivery

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cambios a la arquitectura de las aplicaciones

© 2021, Amazon Web Services, Inc. or its Affiliates.
When the impact of change is small,
release velocity can increase
Monolith
Does everything
Microservices
Does one thing

© 2021, Amazon Web Services, Inc. or its Affiliates.
Limitaciones de los monolitos
Poor modularity
High impact of change
Poor scalability
Long build time

© 2021, Amazon Web Services, Inc. or its Affiliates.
8 razones para usar microservicios
Pick the right tool
for the job
Optimize team
productivity
Lower cost with
granular scaling
Improve
resilience and
security
Create new
compositions
easily
Experiment and
fail safely
Adopt
technology
faster
Deploy features
safely and
quickly

© 2021, Amazon Web Services, Inc. or its Affiliates.
Microservices architectures
Mobile client
Client
IoT
API
Gateway
Account DB
Shipping DB
Inventory DB
Store Front
Web App
Account
Lookup
Shipment
Query
Inventory
Query

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cambio a las operaciones

© 2021, Amazon Web Services, Inc. or its Affiliates.
Qué es Serverless?
No managing infrastructure High availability built in
Pay for what you use
Scales automagically

© 2021, Amazon Web Services, Inc. or its Affiliates.
Function as a Service (FaaS)
“AWS Lambda lets you run code without
provisioning or managing servers. ...
…Just upload your code and Lambda takes care
of everything required to run and scale your
code with high availability.
You can set up your code to automatically
trigger from other AWS services or call it
directly from any web or mobile app”
AWS – Lambda definition
AWS Lambda

© 2021, Amazon Web Services, Inc. or its Affiliates.
How AWS Lambda works?
Event source Function Services
Node.js
Python
Java
C#
Go
Custom runtimes
Changes in
data state
Requests to
endpoints
Changes in
resource state
Amazon S3
DynamoDB
Amazon SQS

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cambios en la entrega / despliege de software

© 2021, Amazon Web Services, Inc. or its Affiliates.
Development transformation at Amazon: 2001–2002
Lesson learned: decompose for agility
monolithic application +
teams
2001 2002
microservices
+ 2 pizza teams

© 2021, Amazon Web Services, Inc. or its Affiliates.
Experiments power the engine of rapid innovation
Listen
Iterate
Experiment
Innovation
Flywheel

© 2021, Amazon Web Services, Inc. or its Affiliates.
How Amazon
does DevOps
(microservices, 2 pizza teams)
(governance, templates)

© 2021, Amazon Web Services, Inc. or its Affiliates.
Monolith development lifecycle
release
test
build
delivery pipeline
App (aka the “monolith”)
developers

© 2021, Amazon Web Services, Inc. or its Affiliates.
Microservice development lifecycle
???
developers
delivery pipelines
services

© 2021, Amazon Web Services, Inc. or its Affiliates.
Microservice development lifecycle
developers services
monitor
release
test
build
delivery pipelines
monitor
release
test
build
monitor
release
test
build
monitor
release
test
build
monitor
release
test
build
monitor
release
test
build

© 2021, Amazon Web Services, Inc. or its Affiliates.
Automating the release pipeline increases
Product quality Developer productivity

© 2021, Amazon Web Services, Inc. or its Affiliates.
Model and provision
application resources
by using
infrastructure as code

© 2021, Amazon Web Services, Inc. or its Affiliates.
Distill operational knowledge and expertise into code

© 2021, Amazon Web Services, Inc. or its Affiliates.
Sli.do https://app.sli.do/event/1lkfosem

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cómo acceder a los servicios
de AWS?

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS Management Console
Easy-to-use graphical interface
Command Line Interface (AWS CLI)
Access to services by discrete command
Software Development Kits (SDKs)
Access services in your code
Three ways to interact with AWS

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS Management Console

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS CLI
~aws
• Open source tool for
interacting with AWS services
• Environments
• Linux
• MacOS
• Windows

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS SDKs
JavaScript
Python
PHP
.NET
Ruby
Go
Node.js
C++
Java
IoT

© 2021, Amazon Web Services, Inc. or its Affiliates.
Sli.do https://app.sli.do/event/1lkfosem

© 2021, Amazon Web Services, Inc. or its Affiliates.
Y esto cómo lo hago?!!?!

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS Amplify
Beneficios en todo el ciclo de vida de la aplicación
DESPLEGAR GESTIONAR
DESARROLLAR

© 2021, Amazon Web Services, Inc. or its Affiliates.
Cómo hago esto con AWS Amplify?
Serverless
No hay que gestionar servidores
de ningun tipo
Microservices
Fácilmente te permite
organizer los projectos
DevOps
Viene incorporado en las
herramientas
DEV OPS

© 2021, Amazon Web Services, Inc. or its Affiliates.
DESARROLLAR
CLI AdminUI Bibliotecas y
Componentes interfaz
Categorías
DESARROLLAR con AWS Amplify
Experiencia de desarrollador full-stack en 10 categorías

© 2021, Amazon Web Services, Inc. or its Affiliates.
Datos y relaciones Configurar autenticación y
autorización
Colaboración en equipo
con o sin cuenta de AWS
Amplify CLI para agregar funciones,
almacenamiento y mucho más
> npm install -g @aws -amplify/cli
> amplify add function
DESARROLLAR con AWS Amplify
Crear backends con ADMINUI & CLI

© 2021, Amazon Web Services, Inc. or its Affiliates.
iOS
Android Ionic
Angular
React Native
JavaScript React Vue
Flutter
DESARROLLAR con AWS Amplify
Conéctese a su backend con componentes y bibliotecas de interfaz de usuario
Creative Commons
iOS

© 2021, Amazon Web Services, Inc. or its Affiliates.
Demo - setup
https://github.com/mavi888/amplify-datastore-adminui-base

© 2021, Amazon Web Services, Inc. or its Affiliates.
Amplify Auth: Simple, Seguro, Escalable
Componentes de interfaz de usuario
• Interfaz de usuario integrada para registrarse, cerrar sesión y otros
flujos de trabajo de autenticación comunes
• Experiencia estilo out of the box
• Flexible y personalizable
• Autenticación multifactor
Bibliotecas
• Funcionalidad de inicio de sesión social fuera de la caja FB, Google o
Amazon
• Integración automática con los recursos existentes de
Amazon Cognito
• Flujo de autenticación personalizado - captcha

© 2021, Amazon Web Services, Inc. or its Affiliates.
Demo – add auth
https://github.com/mavi888/amplify-datastore-adminui-base

© 2021, Amazon Web Services, Inc. or its Affiliates.
DESARROLLAR con AWS Amplify
Añadir flujos de registración/inicio de sesión

© 2021, Amazon Web Services, Inc. or its Affiliates.
Demo – add api
https://github.com/mavi888/amplify-datastore-adminui-base

© 2021, Amazon Web Services, Inc. or its Affiliates.
Amplify DataStore
Amplify DataStore es un motor de almacenamiento persistente en el
dispositivo, multiplataforma (iOS/Android/React Native/Web), que sincroniza
automáticamente los datos entre aplicaciones móviles/web y la nube mediante
GraphQL.
Control de versiones
automático,
detección de conflictos, y
resolución en
la nube
Soporte Offline Gestión de conflictos Alimentado por
AWS AppSync y
GraphQL

© 2021, Amazon Web Services, Inc. or its Affiliates.
Suscripciones
Consultas/mutaciones
Observa
Escrituras
Motor de
sincronización
DESARROLLAR con AWS Amplify
Sincronizar los datos de la aplicación con amplify datastore

© 2021, Amazon Web Services, Inc. or its Affiliates.
DESPLIGUE
CLI Consola
Servicios y características
Alojamiento web estático
• Servicio de alojamiento totalmente
administrado para aplicaciones web estáticas
• Configuración sencilla del dominio
personalizado
Implementaciones continuas full-stack
• Tanto la CLI de Amplify como la AdminUI
generan infraestructura como código (IAC)
• Implementación a través de la CLI o la consola
DESPLIGUE con AWS Amplify
Alojamiento administrado e implementación full-stack con CI/CD

© 2021, Amazon Web Services, Inc. or its Affiliates.
Demo – add cicd
https://github.com/mavi888/amplify-datastore-adminui-base

© 2021, Amazon Web Services, Inc. or its Affiliates.
DESPLIEGUE con AWS Amplify
MANAGED HOSTING Y CICD PARA APLICACIONES FULL-STACK

© 2021, Amazon Web Services, Inc. or its Affiliates.
AWS Amplify: Alojar aplicaciones web

© 2021, Amazon Web Services, Inc. or its Affiliates.
Demo – add ml
https://github.com/mavi888/amplify-datastore-adminui-base

© 2021, Amazon Web Services, Inc. or its Affiliates.
Capa gratuita de AWS
Todo lo que vieron hoy sale de la capa gratuita de AWS
https://youtu.be/yn1VsP65kOY

© 2021, Amazon Web Services, Inc. or its Affiliates.
Sli.do https://app.sli.do/event/1lkfosem

© 2021, Amazon Web Services, Inc. or its Affiliates.
Preguntas!
Marcia Villalba
Developer Advocate AWS
Twitter: @mavi888uy
Podcast y canal en español https://bit.ly/aws-esp-yt
YouTube: https://youtube.com/foobar_codes