Charla para la clase de curso de cloud computing de la Universidad Catolica del Uruguay

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

2. © 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

3. © 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

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

5. © 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?

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

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

8. © 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

9. © 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

10. © 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

11. © 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28. © 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

29. © 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

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

31. © 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

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

33. © 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

34. © 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

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

36. © 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

37. © 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

38. © 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

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

40. © 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

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

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

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

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

45. © 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

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

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

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

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

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

51. © 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

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

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

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

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

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

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

58. © 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

59. © 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

60. © 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

61. © 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

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

63. © 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

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

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

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

67. © 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

68. © 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

69. © 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

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

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

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

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

74. © 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

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

76. © 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