В докладе будет рассказано как использовать стек технологий Amplify(cli, клиентскую библиотеку и библиотеки готовых компонентов) для построение full stack веб-приложения. Будут затронуты темы автоматического деплоя приложения, реализации аутентификации пользователей, создания lambda функций и API Gateway.

1. Быстрое создание full stack веб-
приложение, при помощи Amplify и стека
технологий Amazon AWS
Кирилл Виноградов
CTO Zirity, Vue.js евангелист
@vjkosmos

2. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Ты кто такой?

3. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
•Я занимался математикой
•Потом я занимался безопасностью
•Потом я занимался рок-н-роллом
•От безисходности пошел в IT

4. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Это вообще для кого?

5. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Ты же программист,
сделай бабушке сервис
для продажи семок!

6. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что нужно для создания среднестатистического веб-
приложения
Разработка
Deployment
Управление
пользователями
API
Хранение
информации
Клиентская SDK
Окружения
(dev/prod)
Хостинг + CI/CD Analytics

7. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что такое Amplify?
Простая в использовании
библиотека
Набор утилит
Готовые к использованию
компоненты

8. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Платформы
iOS Android React NativeWEB

9. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Установка Amplify CLI

10. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Установка клиентских библиотек

11. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что внутри?
• Analytics
• API
• Authentication
• Storage
• Interactions
• PubSub
• Notification
• XR

12. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что на самом деле внутри?
• Amazon Pinpoint
• Amazon Kinesis
• AWS Lambda
• Amazon API Gateway
• Amazon Cognito
• AWS AppSync
• Amazon S3
•Cloudfront
• DynamoDB

13. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта

14. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта

15. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта

16. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта

17. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта

18. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Базовые команды CLI

19. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что с регионами?

20. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Регионы AWS
Не все регионы одинаково полезны!

21. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А как на счет
environment?

22. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Environment

23. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Environments

24. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Список всех категорий

25. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Hosting

26. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Hosting

27. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Auth

28. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API

29. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API

30. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API

31. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API

32. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API

33. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
PUSH!

34. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Та-Да!

35. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?

36. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?

37. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?

38. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?

39. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?

40. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А что за компоненты?

41. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (UI)
• Authenticator
• Photo Picker
• Album
• Chatbot

42. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (не UI)

43. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (не UI)

44. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А библиотека то
зачем?

45. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека Amplify

46. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека Amplify

47. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Какие минусы?

48. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки
• Не гибкий
• Неработающий pull
• Один репозиторий для back/front
• Небольшое комьюнити
• Нечеткая грань что можно редактировать
• Громадно количество подводных камней

49. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки

50. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Зачем тогда
использовать?

51. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки
• Обучение
• Создание прототипов
• Небольшие проекты

52. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Хочу больше!

53. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
serverless.com

54. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Спасибо за внимание!
Отдельное спасибо Биллу Мюррею, за то, что он крутой.