Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Быстрое создание full stack веб-
приложение, при помощи Amplify и стека
технологий Amazon AWS
Кирилл Виноградов
CTO Zirity...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Ты кто такой?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
•Я занимался математикой
•Пот...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Это вообще для кого?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Ты же программист,
сделай баб...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что нужно для создания средне...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что такое Amplify?
Простая в ...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Платформы
iOS Android React N...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Установка Amplify CLI
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Установка клиентских библиотек
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что внутри?
• Analytics
• API...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что на самом деле внутри?
• A...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Создание нового проекта
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Базовые команды CLI
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что с регионами?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Регионы AWS
Не все регионы од...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А как на счет
environment?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Environment
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Environments
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Список всех категорий
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Hosting
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Hosting
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Auth
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
GraphQL API
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
PUSH!
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Та-Да!
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Что получаем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А что за компоненты?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (UI)
•...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (не UI)
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека компонентов (не UI)
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
А библиотека то
зачем?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека Amplify
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Библиотека Amplify
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Какие минусы?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки
• Не гибкий
• Нера...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Зачем тогда
использовать?
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Недостатки
• Обучение
• Созда...
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Хочу больше!
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
serverless.com
Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS
Спасибо за внимание!
Отдельно...
Upcoming SlideShare
Loading in …5
×

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

24 views

Published on

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

Published in: Education
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Быстрое создание full stack веб- приложение, при помощи Amplify и стека технологий Amazon AWS Кирилл Виноградов CTO Zirity, Vue.js евангелист @vjkosmos
  2. 2. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Ты кто такой?
  3. 3. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS •Я занимался математикой •Потом я занимался безопасностью •Потом я занимался рок-н-роллом •От безисходности пошел в IT
  4. 4. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Это вообще для кого?
  5. 5. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Ты же программист, сделай бабушке сервис для продажи семок!
  6. 6. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что нужно для создания среднестатистического веб- приложения Разработка Deployment Управление пользователями API Хранение информации Клиентская SDK Окружения (dev/prod) Хостинг + CI/CD Analytics
  7. 7. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что такое Amplify? Простая в использовании библиотека Набор утилит Готовые к использованию компоненты
  8. 8. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Платформы iOS Android React NativeWEB
  9. 9. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Установка Amplify CLI
  10. 10. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Установка клиентских библиотек
  11. 11. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что внутри? • Analytics • API • Authentication • Storage • Interactions • PubSub • Notification • XR
  12. 12. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что на самом деле внутри? • Amazon Pinpoint • Amazon Kinesis • AWS Lambda • Amazon API Gateway • Amazon Cognito • AWS AppSync • Amazon S3 •Cloudfront • DynamoDB
  13. 13. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Создание нового проекта
  14. 14. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Создание нового проекта
  15. 15. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Создание нового проекта
  16. 16. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Создание нового проекта
  17. 17. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Создание нового проекта
  18. 18. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Базовые команды CLI
  19. 19. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что с регионами?
  20. 20. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Регионы AWS Не все регионы одинаково полезны!
  21. 21. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS А как на счет environment?
  22. 22. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Environment
  23. 23. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Environments
  24. 24. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Список всех категорий
  25. 25. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Hosting
  26. 26. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Hosting
  27. 27. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Auth
  28. 28. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS GraphQL API
  29. 29. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS GraphQL API
  30. 30. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS GraphQL API
  31. 31. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS GraphQL API
  32. 32. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS GraphQL API
  33. 33. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS PUSH!
  34. 34. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Та-Да!
  35. 35. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что получаем?
  36. 36. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что получаем?
  37. 37. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что получаем?
  38. 38. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что получаем?
  39. 39. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Что получаем?
  40. 40. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS А что за компоненты?
  41. 41. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Библиотека компонентов (UI) • Authenticator • Photo Picker • Album • Chatbot
  42. 42. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Библиотека компонентов (не UI)
  43. 43. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Библиотека компонентов (не UI)
  44. 44. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS А библиотека то зачем?
  45. 45. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Библиотека Amplify
  46. 46. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Библиотека Amplify
  47. 47. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Какие минусы?
  48. 48. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Недостатки • Не гибкий • Неработающий pull • Один репозиторий для back/front • Небольшое комьюнити • Нечеткая грань что можно редактировать • Громадно количество подводных камней
  49. 49. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Недостатки
  50. 50. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Зачем тогда использовать?
  51. 51. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Недостатки • Обучение • Создание прототипов • Небольшие проекты
  52. 52. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Хочу больше!
  53. 53. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS serverless.com
  54. 54. Быстрое создание full stack веб-приложение, при помощи Amplify и стека технологий Amazon AWS Спасибо за внимание! Отдельное спасибо Биллу Мюррею, за то, что он крутой.

×